@media (min-width: 576px) {
  .reveals .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .reveals .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .reveals .grid .item span {
    font-size: 18px;
  }
  .action-plan .actions {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
  }
  .upstream .comparison .clean {
    width: 50%;
  }
  .upstream .comparison .clean .words ul li {
    padding-left: 20px;
  }
  .upstream .comparison .contaminated {
    width: 50%;
  }
  .best .column {
    width: 40%;
  }
  .septic .column {
    width: 45%;
  }
  .resources .column {
    width: 30%;
  }
  .stats .stat-holder .stat {
    width: 25%;
  }
}
@media (min-width: 992px) {
  header .nav .hamburger {
    display: none;
  }
  header .nav nav {
    display: block;
  }
  .jumbo h1 {
    width: 45%;
  }
  .reveals .grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .reveals .grid .item {
    height: 248px;
  }
  .reveals .grid .item span {
    font-size: 15px;
  }
  .action-plan .actions {
    grid-gap: 80px;
  }
  .connect .form .fader .col .form-group {
    width: 304px;
  }
}
@media (min-width: 1200px) {
  .reveals .grid .item {
    height: 300px;
  }
  .reveals .grid .item span {
    font-size: 15px;
  }
  .action-plan .actions {
    grid-gap: 120px;
  }
}
@media (min-width: 1440px) {
  .reveals .grid .item {
    height: 360px;
  }
  .reveals .grid .item span {
    font-size: 18px;
  }
}
/*# sourceMappingURL=mq.css.map */