/* Grid Styles by Mr. Johnson */
.BG{background-color: whitesmoke;}
/*GRID COLUMNS*/
.row{width: 100%; clear: both;}
/*twelve cols*/
.col-12-1 {width: 8.33%;}
.col-12-2 {width: 16.66%;}
.col-12-3 {width: 25%;}
.col-12-4 {width: 33.33%;}
.col-12-5 {width: 41.66%;}
.col-12-6 {width: 50%;}
.col-12-7 {width: 58.33%;}
.col-12-8 {width: 66.66%;}
.col-12-9 {width: 75%;}
.col-12-10 {width: 83.33%;}
.col-12-11 {width: 91.66%;}
.col-12-12 {width: 100%;}
/*ten cols*/
.col-10-1 {width: 10%;}
.col-10-2 {width: 20%;}
.col-10-3 {width: 30%;}
.col-10-4 {width: 40%;}
.col-10-5 {width: 50%;}
.col-10-6 {width: 60%;}
.col-10-7 {width: 70%;}
.col-10-8 {width: 80%;}
.col-10-9 {width: 90%;}
.col-10-10 {width: 100%;}
/*20 cols*/
.col-20-1 {width: 5%;}
.col-20-2 {width: 10%;}
.col-20-3 {width: 15%;}
.col-20-4 {width: 20%;}
.col-20-5 {width: 25%;}
.col-20-6 {width: 30%;}
.col-20-7 {width: 35%;}
.col-20-8 {width: 40%;}
.col-20-9 {width: 45%;}
.col-20-10 {width: 50%;}
.col-20-11 {width: 55%;}
.col-20-12 {width: 60%;}
.col-20-13 {width: 65%;}
.col-20-14 {width: 70%;}
.col-20-15 {width: 75%;}
.col-20-16 {width: 80%;}
.col-20-17 {width: 85%;}
.col-20-18 {width: 90%;}
.col-20-19 {width: 95%;}
.col-20-20 {width: 100%;}

[class*="col-"] {
  float: left;
  padding: 5px;
}

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