.zerogrid {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0px;
}
.zerogrid:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.zerogrid .f-right {
  float: right !important;
}
.zerogrid .f-left {
  float: left !important;
}

.zerogrid .rand {
}
.zerogrid .rand:before,
.rand:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.zerogrid .rand:after {
  clear: both;
}
.zerogrid .rand {
  zoom: 1;
}

.zerogrid .wrap-col {
  margin: 10px;
}
.col-hide {
  display: none;
}

.zerogrid .col-1-2,
.zerogrid .col-1-3,
.zerogrid .col-2-3,
.zerogrid .col-1-4,
.zerogrid .col-2-4,
.zerogrid .col-3-4,
.zerogrid .col-1-5,
.zerogrid .col-2-5,
.zerogrid .col-3-5,
.zerogrid .col-4-5,
.zerogrid .col-1-6,
.zerogrid .col-1-8,
.zerogrid .col-7-8,
.zerogrid .col-3-8,
.zerogrid .col-1-9,
.zerogrid .col-1-10,
.zerogrid .col-9-10,
.zerogrid .col-3-10,
.zerogrid .col-3-16,
.zerogrid .col-1-12,
.zerogrid .col-1-13,
.zerogrid .col-1-14,
.zerogrid .col-1-7,
.zerogrid .col-10-16,
.zerogrid .col-1-16,
.zerogrid .col-1-18,
.zerogrid .col-1-20,
.zerogrid .col-1-24,
.zerogrid .col-1-32,
.zerogrid .col-2-6,
.zerogrid .col-3-6,
.zerogrid .col-4-6,
.zerogrid .col-5-6 {
  float: left;
  display: inline-block;
}
.zerogrid .col-1-2:empty:before,
.zerogrid .col-1-3:empty:before,
.zerogrid .col-2-3:empty:before,
.zerogrid .col-1-4:empty:before,
.zerogrid .col-2-4:empty:before,
.zerogrid .col-3-4:empty:before,
.zerogrid .col-1-5:empty:before,
.zerogrid .col-2-5:empty:before,
.zerogrid .col-3-5:empty:before,
.zerogrid .col-4-5:empty:before,
.zerogrid .col-1-6:empty:before,
.zerogrid .col-1-8:empty:before,
.zerogrid .col-7-8:empty:before,
.zerogrid .col-3-8:empty:before,
.zerogrid .col-1-9:empty:before,
.zerogrid .col-9-10:empty:before,
.zerogrid .col-1-10:empty:before,
.zerogrid .col-3-10:empty:before,
.zerogrid .col-3-16:empty:before,
.zerogrid .col-1-12:empty:before,
.zerogrid .col-1-13:empty:before,
.zerogrid .col-1-14:empty:before,
.zerogrid .col-1-7:empty:before,
.zerogrid .col-10-16:empty:before,
.zerogrid .col-1-16:empty:before,
.zerogrid .col-1-18:empty:before,
.zerogrid .col-1-20:empty:before,
.zerogrid .col-1-24:empty:before,
.zerogrid .col-1-32:empty:before,
.zerogrid .col-2-6:empty:before,
.zerogrid .col-3-6:empty:before,
.zerogrid .col-4-6:empty:before,
.zerogrid .col-5-6:empty:before {
  content: "\00A0";
}

.zerogrid .col-full {
  width: 100%;
}

.zerogrid .col-1-2 {
  width: 50%;
}
.zerogrid .offset-1-2 {
  margin-left: 50%;
}

.zerogrid .col-1-3 {
  width: 33.33%;
}
.zerogrid .col-2-3 {
  width: 66.66%;
}
.zerogrid .offset-1-3 {
  margin-left: 33.33%;
}
.zerogrid .offset-2-3 {
  margin-left: 66.66%;
}

.zerogrid .col-1-4 {
  width: 25%;
}
.zerogrid .col-2-4 {
  width: 50%;
}
.zerogrid .col-3-4 {
  width: 75%;
}
.zerogrid .offset-1-4 {
  margin-left: 25%;
}
.zerogrid .offset-2-4 {
  margin-left: 50%;
}
.zerogrid .offset-3-4 {
  margin-left: 75%;
}

.zerogrid .col-1-5 {
  width: 20%;
}
.zerogrid .col-2-5 {
  width: 40%;
}
.zerogrid .col-3-5 {
  width: 60%;
}
.zerogrid .col-4-5 {
  width: 80%;
}
.zerogrid .offset-1-5 {
  margin-left: 20%;
}
.zerogrid .offset-2-5 {
  margin-left: 40%;
}
.zerogrid .offset-3-5 {
  margin-left: 60%;
}
.zerogrid .offset-4-5 {
  margin-left: 80%;
}

.zerogrid .col-1-6 {
  width: 16.666666%;
}
.zerogrid .col-2-6 {
  width: 33.33%;
}
.zerogrid .col-3-6 {
  width: 50%;
}
.zerogrid .col-4-6 {
  width: 66.66%;
}
.zerogrid .col-5-6 {
  width: 83.33%;
}
.zerogrid .offset-1-6 {
  margin-left: 16.66%;
}
.zerogrid .offset-2-6 {
  margin-left: 33.33%;
}
.zerogrid .offset-3-6 {
  margin-left: 50%;
}
.zerogrid .offset-4-6 {
  margin-left: 66.66%;
}
.zerogrid .offset-5-6 {
  margin-left: 83.33%;
}

.zerogrid .offset-1-12 {
  margin-left: 8.3333333%;
}

.zerogrid .offset-1-8 {
  margin-left: 12.5%;
}

.zerogrid .col-1-8 {
  width: 12.5%;
}
.zerogrid .col-7-8 {
  width: 87.5%;
}
.zerogrid .col-3-8 {
  width: 37.5%;
}

.zerogrid .col-1-9 {
  width: 11.1111111%;
}

.zerogrid .col-1-10 {
  width: 10%;
}

.zerogrid .col-9-10 {
  width: 90%;
}

.zerogrid .col-3-10 {
  width: 30%;
}
.zerogrid .col-3-16 {
  width: 18.75%;
}
.zerogrid .col-1-12 {
  width: 8.3333333%;
}

.zerogrid .col-1-14 {
  width: 7.1428571429%;
}
.zerogrid .col-1-13 {
  width: 7.6923076923%;
}
.zerogrid .col-1-7 {
  width: 14.285714285%;
}

.zerogrid .col-1-16 {
  width: 6.25%;
}
.zerogrid .col-1-18 {
  width: 5.5555555%;
}
.zerogrid .col-1-20 {
  width: 5%;
}
.zerogrid .col-1-32 {
  width: 3.125%;
}
.zerogrid .col-1-24 {
  width: 4.1666666%;
}
.zerogrid .col-10-16 {
  width: 62.5%;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .zerogrid {
    width: 960px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .zerogrid {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .zerogrid,
  .zerogrid .col-1-2,
  .zerogrid .col-1-3,
  .zerogrid .col-2-3,
  .zerogrid .col-1-4,
  .zerogrid .col-2-4,
  .zerogrid .col-3-4,
  .zerogrid .col-1-5,
  .zerogrid .col-2-5,
  .zerogrid .col-3-5,
  .zerogrid .col-4-5,
  .zerogrid .col-1-6,
  .zerogrid .col-1-8,
  .zerogrid .col-7-8,
  .zerogrid .col-3-8,
  .zerogrid .col-1-9,
  .zerogrid .col-1-10,
  .zerogrid .col-9-10,
  .zerogrid .col-3-10,
  .zerogrid .col-3-16,
  .zerogrid .col-1-12,
  .zerogrid .col-1-13,
  .zerogrid .col-1-14,
  .zerogrid .col-1-7,
  .zerogrid .col-10-16,
  .zerogrid .col-1-16,
  .zerogrid .col-1-18,
  .zerogrid .col-1-20,
  .zerogrid .col-1-24,
  .zerogrid .col-1-32,
  .zerogrid .col-2-6,
  .zerogrid .col-3-6,
  .zerogrid .col-4-6,
  .zerogrid .col-5-6 {
    width: 100%;
  }

  .zerogrid .offset-1-2,
  .zerogrid .offset-1-3,
  .zerogrid .offset-2-3,
  .zerogrid .offset-1-4,
  .zerogrid .offset-2-4,
  .zerogrid .offset-3-4,
  .zerogrid .offset-1-5,
  .zerogrid .offset-2-5,
  .zerogrid .offset-3-5,
  .zerogrid .offset-4-5,
  .zerogrid .offset-1-6,
  .zerogrid .offset-1-8,
  .zerogrid .offset-7-8,
  .zerogrid .offset-1-10,
  .zerogrid .offset-9-10,
  .zerogrid .offset-3-8,
  .zerogrid .offset-1-12,
  .zerogrid .offset-1-13,
  .zerogrid .offset-1-14,
  .zerogrid .offset-1-7,
  .zerogrid .offset-1-16,
  .zerogrid .offset-10-16,
  .zerogrid .offset-2-6,
  .zerogrid .offset-3-6,
  .zerogrid .offset-4-6,
  .zerogrid .offset-5-6 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 428px) {
  .zerogrid .col-1-2:empty:before,
  .zerogrid .col-1-3:empty:before,
  .zerogrid .col-2-3:empty:before,
  .zerogrid .col-1-4:empty:before,
  .zerogrid .col-2-4:empty:before,
  .zerogrid .col-3-4:empty:before,
  .zerogrid .col-1-5:empty:before,
  .zerogrid .col-2-5:empty:before,
  .zerogrid .col-3-5:empty:before,
  .zerogrid .col-4-5:empty:before,
  .zerogrid .col-1-6:empty:before,
  .zerogrid .col-1-8:empty:before,
  .zerogrid .col-7-8:empty:before,
  .zerogrid .col-3-8:empty:before,
  .zerogrid .col-1-9:empty:before,
  .zerogrid .col-1-10:empty:before,
  .zerogrid .col-9-10:empty:before,
  .zerogrid .col-3-10:empty:before,
  .zerogrid .col-3-16:empty:before,
  .zerogrid .col-1-12:empty:before,
  .zerogrid .col-1-13:empty:before,
  .zerogrid .col-1-14:empty:before,
  .zerogrid .col-1-7:empty:before,
  .zerogrid .col-10-16:empty:before,
  .zerogrid .col-1-16:empty:before,
  .zerogrid .col-1-18:empty:before,
  .zerogrid .col-1-20:empty:before,
  .zerogrid .col-1-24:empty:before,
  .zerogrid .col-1-32:empty:before,
  .zerogrid .col-2-6:empty:before,
  .zerogrid .col-3-6:empty:before,
  .zerogrid .col-4-6:empty:before,
  .zerogrid .col-5-6:empty:before {
    content: "";
  }
}