/*
Desktop:
@media (max-width: 1620px) {
Tablet:
@media (max-width: 1180px) {
@media (max-width: 1024px) {
Mobile:
//@media (max-width: 999px) {
*/
/* grid definitions ---------------------------------------------------------------------------------------------------- */
.grid-width {
  width: 100%;
  max-width: 1620px;
  position: relative;
  margin: 200px auto;
  padding-left: 150px;
  padding-right: 150px;
}
@media (max-width: 1620px) {
  .grid-width {
    margin: 100px auto;
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media (max-width: 999px) {
  .grid-width {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 540px;
  }
}
.grid-width--small {
  max-width: 1250px;
}
@media (max-width: 999px) {
  .grid-width--small {
    max-width: 540px;
  }
}
.grid-width--alignleft {
  margin-left: -150px;
}
@media (max-width: 1620px) {
  .grid-width--alignleft {
    margin-left: 0;
  }
}
.grid-width--fullwidth {
  max-width: 100%;
}
.grid-width--nomargin {
  margin: 0 auto;
}
.grid-width--halfmargin {
  margin: 100px auto;
}
@media (max-width: 1620px) {
  .grid-width--halfmargin {
    margin: 50px auto;
  }
}
.grid-width--margin-top {
  margin: 200px auto 0 auto;
}
@media (max-width: 1620px) {
  .grid-width--margin-top {
    margin: 100px auto 0 auto;
  }
}
.grid-width--margin-bottom {
  margin: 0 auto 200px auto;
}
@media (max-width: 1620px) {
  .grid-width--margin-bottom {
    margin: 0 auto 100px auto;
  }
}
.grid-width--padding-tb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1620px) {
  .grid-width--padding-tb {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.grid-width--padding-t {
  padding-top: 100px;
}
@media (max-width: 1620px) {
  .grid-width--padding-t {
    padding-top: 50px;
  }
}
.grid-width--padding-b {
  padding-bottom: 100px;
}
@media (max-width: 1620px) {
  .grid-width--padding-b {
    padding-bottom: 50px;
  }
}
@media (max-width: 999px) {
  .grid-width--nomargintop--mobile {
    margin-top: 0;
  }
}/*# sourceMappingURL=grid.css.map */