.section {
clear: both;
padding: 0px;
margin: 0px;
} .group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; } .col {
display: block;
float:left;
margin: 1% 0 1% 4%;}
.col:first-child { margin-left: 0; }  @media only screen and (max-width: 480px) {
.col { 
margin: 1% 0 1% 0%;
}
}.span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87%;
}
.span_6_of_8 {
width: 72.5%;
}
.span_5_of_8 {
width: 61%;
}
.span_4_of_8 {
width: 48%;
}
.span_3_of_8 {
width: 35%;
}
.span_2_of_8 {
width: 23.5%;
}
.span_1_of_8 {
width: 9%;
} @media only screen and (max-width: 480px) {
.col {  margin: 1% 0 1% 0%; }
.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}