/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.66%; }
.span_1_of_3 { width: 33.33%; }

/*@media only screen and (max-width: 900px) {
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
	width: 33.33%; 	}
}*/

@media only screen and (max-width: 780px) {
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
	width: 33.33%; 	}
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
	width: 100%; }
}