.section{clear:both;padding:0;margin:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.col{display:block;float:left;margin:0 0 0 1.6%}
.col:first-child{margin-left:0}
.span_8_of_8{width:100%}
.span_7_of_8{width:87.3%}
.span_6_of_8{width:74.6%}
.span_5_of_8{width:61.9%}
.span_4_of_8{width:49.2%}
.span_3_of_8{width:36.5%}
.span_2_of_8{width:23.8%}
.span_1_of_8{width:11.1%}
@media only screen and (max-width: 767px) {
.span_8_of_8{width:100%}
.span_7_of_8{width:100%}
.span_6_of_8{width:100%}
.span_5_of_8{width:100%}
.span_4_of_8{width:100%}
.span_3_of_8{width:100%}
.span_2_of_8{width:100%}
.span_1_of_8{width:100%}
}

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 767 PIXELS */

@media only screen and (max-width: 767px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}