*, 
*:after, 
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin: 0 auto;
  max-width: 1180px;  
}
  .container:after {
    content: "";
    display: table;
    clear: both;
  }

[class*='col-'] { 
  float: left;
  padding-left: 10px; 
  padding-right: 10px;
}

.col-2-3 { width: 66.66%; }
.col-1-3 { width: 33.33%; }
.col-1-2 { width: 50%; }
.col-1-4 { width: 25%; }
.col-3-4 { width: 76%; }
.col-1-8 { width: 12.5%; }

.offset-2-3 { margin-left: 66.66%; }
.offset-1-3 { margin-left: 33.33%; }
.offset-1-2 { margin-left: 50%; }
.offset-1-4 { margin-left: 25%; }
.offset-1-8 { margin-left: 12.5%; }

.container-pad {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 10px 0 10px
}
  .container-pad:after {
    content: "";
    display: table;
    clear: both;
  }