DEFAULT MARGIN/PADDING

.css

/*
 * =======================================================================
	+ SPACERS
		+ MARGINS
		+ PADDING
		+ OVERRIDES
 * =======================================================================
 */
.m-5 {
	margin: 0.313rem 0;
}
.m-10 {
	margin: 0.6875rem 0;
}
.m-15 {
	margin: 0.938rem 0;
}
.m-20 {
	margin: 1.25rem 0;
}
.m-30 {
	margin: 1.875rem 0;
}
.m-40 {
	margin: 2.5rem 0;
}
.m-60 {
	margin: 3.750rem 0;
}
.mt-0 {
	margin-top: 0!important;
}
.mt-5, .m-5t {
	margin-top: 0.313rem
}
.mt-10 {
	margin-top: 0.6875rem;
}
.mt-15{
	margin-top: 0.938rem;}
.mt-20 {
	margin-top: 1.25rem;
}
.mt-30 {
	margin-top: 1.875rem;
}
.mt-40 {
	margin-top: 2.5rem;
}
.mw-5 {
	margin: 0 0.313rem;
}
.mw-10 {
	margin: 0 0.6875rem;
}
.mw-20 {
	margin: 0 1.25rem;
}
.mw-40 {
	margin: 0 2.5rem;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-10 {
	margin-bottom: 0.6875rem;
}
.mb-15 {
	margin-bottom: 0.938rem;}
.mb-20 {
	margin-bottom: 1.25rem;
}
.mb-30 {
	margin-bottom: 1.875rem;
}
.mb-40 {
	margin-bottom: 2.5rem;
}
.mb-p {
	margin-bottom: 1.4rem;}
.mt-p {
	margin-top: 1.4rem;}	



.m-200t {
	margin: 12.500rem;
}
.m-10r {
	margin-right: 0.6875rem;
}
.m-10l {
	margin-left: 0.6875rem;
}
/* + PADDING
     ========================================================================== */
.p-5 {
	padding: 0 0.313rem;
}

/* 10px */
.p-10 {
	padding: 0.6875rem 0;
}
.pt-10, .p-10t {
	padding-top: 0.6875rem;
}
.p-10b, .pb-10 {
	padding-bottom: 0.6875rem;
}
.p-10l {
	padding-left: 0.6875rem;
}
.p-10r, .pb-10r  {
	padding-right: 0.6875rem;
}

/* 16px */
.p-16 {
	padding: 0.9375rem;}

/* 20px */
.p-20 {
	padding: 1.25rem;
}

.p-20t, .pt-20 {
	padding-top: 1.25rem;
}

.p-20b, .pb-20 {
	padding-bottom: 1.25rem;
}

.p-20l, .pl-20 {
	padding-left: 1.25rem;
}

.p-20r, .pr-20 {
	padding-left: 1.25rem;
}
/* 30px */
.p-30 {
	padding: 1.875rem;
}
.pt-30, .p-30t {
	 padding-top: 1.875rem;}

.pb-30, .p-30b {
	 padding-top: 1.875rem;}
	 	 
/* 40px */
.p-40 {
	padding: 2.5rem 0;
}
.pt-40, .p-40t {
	padding-top: 2.5rem;
}
.pb-40, .p-40b {
	padding-top: 2.5rem;
}


@media only screen {
.p-40all {
	padding: 1rem;
}
}

@media only screen and (min-width:40.063em) {
.p-40all {
	padding: 1.25rem;
}
}

@media only screen and (min-width:64.063em) {
.p-40all {
	padding: 2.5rem;
}
}