.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.styleGuide {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  background: #111;
  position: static;
  z-index: 0;
}
.styleGuide header {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  line-height: 105%;
  font-weight: 300;
  text-align: left;
  margin: 0 0 0 50%;
  padding: 30px;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  transform: translateX(-50%);
}
.styleGuide header span {
  color: #777;
  font-size: 14px;
  margin: 0 10px;
}
.styleGuide header a {
  color: orange;
  font-size: 14px;
  margin: 0 10px;
}/*# sourceMappingURL=styleGuide.css.map */