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

	
.span_3_of_3 {
	width: 100%; 
	 
}

.span_2_of_3 {
	width: 66.66%; 
	

}

.span_1_of_3 {
	width: 33.33%; 
	  
	  
	
}


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

@media only screen and (max-width: 480px) {

.col {  margin: 0px;
		margin-bottom: -6px; /* Cant fix the space at the bottom of the margin so I add this. I also add at the col.css  */

 } /*adjust the gap below */

	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}