.section{clear:both;margin:0px;padding:0px;}

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

.col{display:block;float:left;margin:0px;padding:0px;}
.col:first-child{margin:0px;margin-left:0;padding:0px;}

@media only screen and (max-width:299px){
	.col{margin:0px;padding:0px;}
}

/**************************************************
 * COLS
 **************************************************/
.span_1_of_1{width:100%;}
.span_1_of_2{width:50%;}
.span_1_of_3{width:33.33%;}
.span_1_of_4{width:25%;}
.span_1_of_5{width:20%;}
.span_1_of_6{width:16.66%;}
.span_1_of_7{width:14.28%;}
.span_1_of_8{width:12.5%;}
.span_1_of_9{width:11.11%;}
.span_1_of_10{width:10%;}
.span_1_of_11{width:9.090%;}
.span_1_of_12{width:8.333%;}

.span_2_of_3{width:66.67%;}

@media only screen and (max-width:299px){
	.span_1_of_2,.span_1_of_3,.span_1_of_4,.span_1_of_5,.span_1_of_6,.span_1_of_7,.span_1_of_8,.span_1_of_9,.span_1_of_10,.span_1_of_11,.span_1_of_12{
		width:100%;
	}
	.span_2_of_3{width:100%;}
}
@media screen and (min-width:300px) and (max-width:599px){
	.span_1_of_2,.span_1_of_3,.span_1_of_4,.span_1_of_5,.span_1_of_6,.span_1_of_7,.span_1_of_8,.span_1_of_9,.span_1_of_10,.span_1_of_11,.span_1_of_12{
		width:100%;
	}
	.span_2_of_3{width:100%;}
}
@media screen and (min-width:600px) and (max-width:899px){
	.span_1_of_4{width:50%;}
	.span_1_of_6{width:25%;}
	.span_1_of_8{width:16.66%;}
	.span_1_of_10{width:12.5%;}
	.span_1_of_12{width:10%;}
	
	.span_1_of_5{width:33.33%;}
	.span_1_of_7{width:20%;}
	.span_1_of_9{width:14.28%;}
	.span_1_of_11{width:11.11%;}
}