.grid::after{
  clear: both;
  content: "";
  display: table;
}

[class*="col"]{
  float: left;
  margin-right: 4%;
  position: relative;
  box-sizing: border-box;
}

[class*=col-]:last-child{
  margin-right: 0;
}

.col-12{
  width: 100%;
}
.col-8{
  width: 65.33%
}
.col-6{
  width: 48%;
}
.col-4{
  width: 30.67%;
}
.col-3{
  width: 22%;
}