layout.css

.row {
  width: 100%;
  padding: 0;
  clear: both;
  height: 1%;
}
.row:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.row [class*='span'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.row .span12 {
  width: 99.9999999996%;
}
.row .span11 {
  width: 91.6666666663%;
}
.row .span10 {
  width: 83.33333333300001%;
}
.row .span9 {
  width: 74.99999999970001%;
}
.row .span8 {
  width: 66.6666666664%;
}
.row .span7 {
  width: 58.3333333331%;
}
.row .span6 {
  width: 49.9999999998%;
}
.row .span5 {
  width: 41.66666666650001%;
}
.row .span4 {
  width: 33.3333333332%;
}
.row .span3 {
  width: 24.9999999999%;
}
.row .span2 {
  width: 16.6666666666%;
}
.row .span1 {
  width: 8.3333333333%;
}
.row .offset12 {
  margin-left: 99.9999999996%;
}
.row .offset11 {
  margin-left: 91.6666666663%;
}
.row .offset10 {
  margin-left: 83.33333333300001%;
}
.row .offset9 {
  margin-left: 74.99999999970001%;
}
.row .offset8 {
  margin-left: 66.6666666664%;
}
.row .offset7 {
  margin-left: 58.3333333331%;
}
.row .offset6 {
  margin-left: 49.9999999998%;
}
.row .offset5 {
  margin-left: 41.66666666650001%;
}
.row .offset4 {
  margin-left: 33.3333333332%;
}
.row .offset3 {
  margin-left: 24.9999999999%;
}
.row .offset2 {
  margin-left: 16.6666666666%;
}
.row .offset1 {
  margin-left: 8.3333333333%;
}
.row.guttered {
  height: 1%;
}
.row.guttered:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.row.guttered [class*='span'] {
  margin-left: 2.127659574%;
}
.row.guttered [class*='span']:first-child,
.row.guttered [class*='span'].clear {
  margin-left: 0;
}
.row.guttered .span12 {
  width: 99.99999998999999%;
}
.row.guttered .span11 {
  width: 91.489361693%;
}
.row.guttered .span10 {
  width: 82.97872339599999%;
}
.row.guttered .span9 {
  width: 74.468085099%;
}
.row.guttered .span8 {
  width: 65.95744680199999%;
}
.row.guttered .span7 {
  width: 57.446808505%;
}
.row.guttered .span6 {
  width: 48.93617020799999%;
}
.row.guttered .span5 {
  width: 40.425531911%;
}
.row.guttered .span4 {
  width: 31.914893614%;
}
.row.guttered .span3 {
  width: 23.404255317%;
}
.row.guttered .span2 {
  width: 14.89361702%;
}
.row.guttered .span1 {
  width: 6.382978723%;
}
.row.guttered .offset12 {
  margin-left: 104.25531913799999%;
}
.row.guttered .offset12:first-child {
  margin-left: 102.12765956399998%;
}
.row.guttered .offset11 {
  margin-left: 95.744680841%;
}
.row.guttered .offset11:first-child {
  margin-left: 93.617021267%;
}
.row.guttered .offset10 {
  margin-left: 87.234042544%;
}
.row.guttered .offset10:first-child {
  margin-left: 85.10638297%;
}
.row.guttered .offset9 {
  margin-left: 78.72340424699999%;
}
.row.guttered .offset9:first-child {
  margin-left: 76.59574467299998%;
}
.row.guttered .offset8 {
  margin-left: 70.21276595%;
}
.row.guttered .offset8:first-child {
  margin-left: 68.085106376%;
}
.row.guttered .offset7 {
  margin-left: 61.702127653%;
}
.row.guttered .offset7:first-child {
  margin-left: 59.574468079%;
}
.row.guttered .offset6 {
  margin-left: 53.191489356%;
}
.row.guttered .offset6:first-child {
  margin-left: 51.063829782%;
}
.row.guttered .offset5 {
  margin-left: 44.680851059%;
}
.row.guttered .offset5:first-child {
  margin-left: 42.553191485%;
}
.row.guttered .offset4 {
  margin-left: 36.170212762%;
}
.row.guttered .offset4:first-child {
  margin-left: 34.042553188%;
}
.row.guttered .offset3 {
  margin-left: 27.659574465%;
}
.row.guttered .offset3:first-child {
  margin-left: 25.531914891%;
}
.row.guttered .offset2 {
  margin-left: 19.148936168%;
}
.row.guttered .offset2:first-child {
  margin-left: 17.021276594%;
}
.row.guttered .offset1 {
  margin-left: 10.638297870999999%;
}
.row.guttered .offset1:first-child {
  margin-left: 8.510638297%;
}
@media (max-width: 767px) {
  body {
    padding-left: 2.762430939%;
    padding-right: 2.762430939%;
  }
  .row [class*='span'],
  .row.guttered [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
  .row [class*='offset'],
  .row.guttered [class*='offset'] {
    margin-left: 0 !important;
  }
}