.section {clear: both;padding: 0px;	margin: 0px;}
.group:before,
.group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}

.row { zoom: 1;}

.row:before,
.row:after { content:""; display:table;}
.row:after { clear:both;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0;} 

@media only screen and (max-width: 480px) {
	.col { margin: 0;}
}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}

@media only screen and (max-width: 480px) {
	.span_2_of_2 {width: 100%; }
	.span_1_of_2 {width: 100%; }
}

.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
@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%;}
}

.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

@media only screen and (max-width: 480px) {
	.span_4_of_4 {width: 100%;}
	.span_3_of_4 {width: 100%;}
	.span_2_of_4 {width: 100%;}
	.span_1_of_4 {width: 100%;}
}

.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}

@media only screen and (max-width: 480px) {
	.span_5_of_5 {width: 100%;}
	.span_4_of_5 {width: 100%;}
	.span_3_of_5 {width: 100%;}
	.span_2_of_5 {width: 100%;}
	.span_1_of_5 {width: 100%;}
}

.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

@media only screen and (max-width: 480px) {
	.span_6_of_6 {width: 100%;}
	.span_5_of_6 {width: 100%;}
	.span_4_of_6 {width: 100%;}
	.span_3_of_6 {width: 100%;}
	.span_2_of_6 {width: 100%;}
	.span_1_of_6 {width: 100%;}
}