* { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .container { 
margin: 0 auto;
max-width: 1000px;
} .row:after, .col:after, .clr:after, .group:after { 
content: ""; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} .row { 
clear: both;
} .col { 
display: block;
float: left;
width: 100%;
margin-bottom: 1.4em; } @media ( min-width : 768px ) {
.container { width: 96%; } .row { margin-left: -2%; } .col { margin-left: 2%; } .span_1 { width: 6.33%; }
.span_2 { width: 14.66%; }
.span_3 { width: 23.0%; }
.span_4 { width: 31.32%; }
.span_5 { width: 39.65%; }
.span_6 { width: 48.0%; }
.span_7 { width: 56.35%; }
.span_8 { width: 64.67%; }
.span_9 { width: 73.0%; }
.span_10 { width: 81.33%; }
.span_11 { width: 89.65%; }
.span_12 { width: 98%; }
}