/* Keep the hero content close to the header while preserving the medium slider. */
@media (min-width: 951px) {
  .hero {
    height: 470px;
  }

  .hero-layout {
    align-items: start;
    box-sizing: border-box;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (max-width: 950px) {
  .hero-layout {
    box-sizing: border-box;
    padding-top: 28px;
    padding-bottom: 34px;
  }
}