@media (max-width: 991px) {
  #hero {
    padding: 40px 0 36px;
  }

  .hero-illustration {
    margin-top: 28px;
  }

  .tent-svg-wrap svg {
    max-height: 260px;
  }

  .pipe-dash {
    min-width: 12px;
    max-width: 20px;
  }
}

@media (max-width: 767px) {
  #hero {
    padding: 32px 0 28px;
  }

  .tent-svg-wrap svg {
    max-height: 220px;
  }

  section {
    padding: 56px 0;
  }

  .pipeline-wrap {
    gap: 6px;
  }

  .pipe-dash {
    min-width: 8px;
  }

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

  footer .footer-nav {
    margin: 16px 0;
  }

  footer .footer-nav a {
    margin: 4px 8px;
    display: inline-block;
  }
}