/* New home layout */

/*  COLUMN SETUP  	float:left;	*/
.col {
	/*margin: 1% 0 1% 1.6%;*/
	display: block;
    margin: 1% 1% 1% 1%;
}
/*.col:first-child { margin-left: 0; }
.col:third-child { margin-right: 0; } */


/*  GROUPING  */
.group:before,
.group:after {content:""; display:table; }
.group:after {clear:both;}
.group {    zoom:1; /* For IE 6/7 */}

/*  GRID OF THREE  */
.span_1_of_3  .span_2_of_3 .span_3_of_3 {
	width: 32.2%; margin-left: auto;   margin-right: auto; position:relative; padding:0px; float:left;}


/*  GO FULL WIDTH LOGO AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.col /*{ margin: 1% 0 1% 0%;}*/ { margin: 1% 1% 1% 1%; }
	.span_1_of_3 { width: 100%; margin-left: auto; margin-right: auto; float:none;}
	.span_2_of_3, { width: 100%; margin-left: auto; margin-right: auto; float:none; }
	.span_3_of_3, { width: 100%; margin-left: auto; margin-right: auto; float:none; }
} 

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

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%; float:none;}
	.span_2_of_3, .span_1_of_3 .span_3_of_3 { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 28px; float:none;}
}