@media (min-width: 720px) {
  .divisions-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .products {
    grid-template-columns: repeat(2, 1fr);
  }

  .products--trio {
    grid-template-columns: repeat(2, 1fr);
  }

  .market-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .industry-geo {
    grid-template-columns: repeat(2, 1fr);
  }

  .capability-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .capability-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .presence {
    grid-template-columns: repeat(2, 1fr);
  }

  .lab {
    grid-template-columns: 1.1fr 1fr;
    align-items: start;
  }

  .contact-panel {
    grid-template-columns: 1.1fr 1fr;
    align-items: start;
  }
}

@media (min-width: 960px) {
  .divisions-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .products--trio {
    grid-template-columns: repeat(3, 1fr);
  }

  .industries {
    grid-template-columns: repeat(3, 1fr);
  }

  .lab-list {
    grid-template-columns: 1fr;
  }

  .portfolio {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
}

@media (max-width: 899px) {
  .top-bar {
    min-height: 4.75rem;
  }

  .brand__logo {
    height: 2.45rem;
    max-width: 12.5rem;
  }

  .header-nav-wrap {
    display: none;
  }

  .nav-drawer.is-open {
    display: block;
  }
}

@media (min-width: 720px) and (max-width: 899px) {
  .gateways {
    grid-template-columns: repeat(2, 1fr);
  }

  .divisions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 719px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .industries {
    grid-template-columns: 1fr;
  }

  .lab-list {
    grid-template-columns: 1fr;
  }

  .trust-bar span:not(:last-child)::after {
    display: none;
  }

  .hero > .wrap,
  .hero__stage > .wrap {
    justify-content: flex-start;
  }

  .hero__content {
    margin-right: 0;
  }

  .hero__arrow {
    width: 38px;
    height: 38px;
  }

  .hero__arrow--prev { left: 8px; }
  .hero__arrow--next { right: 8px; }

  .hero__content {
    padding-top: 2rem;
    padding-bottom: 3.25rem;
    max-width: 100%;
  }

  .hero__slider {
    min-height: 0;
  }

  .hero h1 {
    max-width: none;
  }

  .page-hero {
    padding: 2rem 0;
  }

  .contact-panel {
    grid-template-columns: 1fr;
  }
}