/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%;
	padding: 0 !important;
}

.span_2_of_3 {
	width: 65%;
	padding: 0 2.5%;
}

.span_1_of_3 {
	width: 30%;
	padding: 0 2.5%;
}

.span_2_of_3 .span_1_of_3 {
	width: 47.5%;
	padding: 0 2.5%;
}

.span_1_of_2 {
	width: 46%;
	padding: 0 4%;
}

.first {
	padding-left: 0 !important;
}

.last {
	padding-right: 0 !important;
}

.full {
	padding: 0 !important;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
		margin-bottom: 30px;
	}	
	.span_2_of_3 .span_1_of_3 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
}