@media(min-width:1700px) {
  .hero-copy {
    margin-top:26px;
  }

  .hero-copy>p {
    max-width:740px;
  }

}

@media(max-width:1200px) {
  .site-header {
    gap:20px;
  }

  .brand {
    flex-basis:230px;
  }

  .desktop-nav {
    gap:16px;
    font-size:12px;
  }

  .header-tools {
    gap:10px;
  }

  .account-link {
    display:none;
  }

  .hero {
    min-height:740px;
  }

  .hero-copy {
    width:65%;
  }

  .hero-copy>p {
    max-width:610px;
  }

  .all-link {
    font-size:11px;
    padding-left:12px;
    margin-left:4px;
  }

  .hotspot-label {
    padding:10px 18px;
    font-size:12px;
  }

  .journey ol {
    gap:35px;
  }

}