.container{max-width:1200px;margin:0 auto}.row:after,.row:before{content:"";display:table;clear:both}[class*=col-]{float:left}.col-1{width:16.66%}.col-2{width:33.33%}.col-3{width:50%}.col-4{width:66.66%}.col-5{width:83.33%}.col-6{width:100%}@media all and (max-width:800px){.container{width:96%;padding:0 2%;}.col-1{width:33.33%}.col-2{width:50%}.col-3{width:83.33%}.col-4,.col-5,.col-6,.row .col-2:last-of-type,.row .col-5~.col-1{width:100%}}@media all and (max-width:650px){.col-1{width:50%}.col-2,.col-3,.col-4,.col-5,.col-6{width:100%}}