html *,
body *,
* {
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}
.group:after {
  content: '';
  display: table;
  clear: both;
}
img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 620px) {
  body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

.group:after {
  content: "";
  display: table;
  clear: both;
}
.module {
  margin: 0 0 24px 0;
  padding: 0px 12px;
  float: left;
}
.padding {
  padding: 12px;
}
.size1,
.size1of2,
.size2of4,
.size3of6,
.size1of3,
.size2of6,
.size2of3,
.size1of4,
.size3of4 {
  width: 100%;
}


.size2of5,
.size3of5,
.size1of6,
.size1of8 {
  width: 50%;
}


.size1of5 {
  width: 100%; 
}

@media only screen and (min-width: 800px) {
  .size1of5,
  .size2of5,
  .size3of5,
  .size1of6,
  .size1of8 {
    width: 33.333333%;
  }

}

@media only screen and (min-width: 1024px) {

  .size1of2,
  .size3of6 {
    width: 50%;
  }
  .size1of3,
  .size2of6 {
    width: 33.33333%;
  }
  .size2of3 {
    width: 66.66666%;
  }
  .size1of4 {
    width: 50%;
  }
  .size3of4 {
    width: 75%;
  }

  .size2of5 {
    width: 40%;
  }
  .size3of5 {
    width: 60%;
  }
  .size1of6 {
    width: 33.33333%;
  }
  .size3of6 {
    width: 100%;
  }
  .size1of8 {
    width: 25%;
  }
}



@media only screen and (min-width: 1200px) {
  .size3of4 {
    width: 75%;
  }
  .size1of4 {
    width: 25%;
  }
  .size1of3,
  .size2of6 {
    width: 33.33333%;
  }
  .size2of3 {
    width: 66.66666%;
  }

  .size2of5 {
    width: 40%;
  }
  .size3of5 {
    width: 60%;
  }
  .size1of6 {
    width: 16.66666%;
  }
  .size3of6 {
    width: 50%;
  }
  .size1of8 {
    width: 12.5%;
  }
}

@media only screen and (min-width: 1400px) {

.size1of5 {
  width: 20%;
}

}



/*# sourceMappingURL=grid.css.map */