.row{
  margin-left: -10px;
  margin-right: -10px;
}
.row:after{
  clear: both;
  content: "";
  display: block;
}
[class^='col-']{
  padding: 0 10px;
  float: left;
  display: block;
  box-sizing: border-box;
}
.col-1  { width: 8.33%;  }
.col-2  { width: 16.66%; }
.col-3  { width: 24.99%; }
.col-4  { width: 33.32%; }
.col-5  { width: 41.65%; }
.col-6  { width: 49.98%; }
.col-7  { width: 58.31%; }
.col-8  { width: 66.64%; }
.col-9  { width: 74.97%; }
.col-10 { width: 83.3%; }
.col-11 { width: 91.63%; }
.col-12 { width: 100%; }

.col-offset-1  { margin-left: 8.33%; }
.col-offset-2  { margin-left: 16.66%; }
.col-offset-3  { margin-left: 24.99%; }
.col-offset-4  { margin-left: 33.32%; }
.col-offset-5  { margin-left: 41.65%; }
.col-offset-6  { margin-left: 49.98%; }
.col-offset-7  { margin-left: 58.31%; }
.col-offset-8  { margin-left: 66.64%; }
.col-offset-9  { margin-left: 74.97%; }
.col-offset-10 { margin-left: 83.3%; }
.col-offset-11 { margin-left: 91.63%; }
.col-offset-12 { margin-left: 100%; }