/* Give the hero utilities more room above the wave without moving the utilities. */
@media (min-width: 601px) {
  .hero {
    min-height: 1040px;
    padding-bottom: 125px;
  }

  .hero .hero-utility {
    bottom: 89px;
  }
}

@media (min-width: 761px) and (max-width: 1050px) and (min-height: 600px) and (orientation: landscape) {
  .hero {
    padding-bottom: 165px;
  }
}

@media (min-width: 601px) and (max-width: 1000px) and (max-height: 600px) and (orientation: landscape) {
  html body:not(.relax) .hero {
    padding-bottom: 180px !important;
  }
}