/* --------------------
  liquid grid layout
-------------------- */

* {
  box-sizing: border-box;
}

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

/* hide column */

.hide {
  visibility: hidden; 
}

/* --------------------
  mobile
-------------------- */

[class*="col-"] {
  float: left;
  width:100%;
  margin-bottom: 20px;
}

/* --------------------
  desktop
-------------------- */

@media only screen and (min-width: 730px) {
  [class*="col-"] {
    margin-left: 3%;
  }
  
  [class*="col-"]:first-child { 
    margin-left: 0;
  }
  
  .col-1 {width: 5.583%;}
  .col-2 {width: 14.16%;}
  .col-3 {width: 22.75%;}
  .col-4 {width: 31.33%;}
  .col-5 {width: 39.91%;}
  .col-6 {width: 48.5%;}
  .col-7 {width: 57.08%;}
  .col-8 {width: 65.66%;}
  .col-9 {width: 74.25%;}
  .col-10 {width: 82.83%;}
  .col-11 {width: 91.41%;}
  .col-12 {width: 100%; margin-left:0;}

}