/* Keep the public-page mastheads the same depth as the TOP hero.
   The TOP hero itself retains its existing layout and scenery. */
@media screen and (min-width: 981px) {
  .fees-masthead,
  .injury-hero,
  .traffic-hero,
  .daily-hero,
  .acu-hero,
  .first-hero,
  .blog-hero {
    min-height: 430px;
    padding-top: 24px;
    padding-bottom: 58px;
    display: flex;
    align-items: center;
  }

  .traffic-hero-photo img,
  .daily-hero-photo img {
    height: 300px;
    aspect-ratio: auto;
  }
}

@media screen and (min-width: 1600px) {
  .fees-masthead,
  .injury-hero,
  .traffic-hero,
  .daily-hero,
  .acu-hero,
  .first-hero,
  .blog-hero {
    min-height: 440px;
  }
}

@media screen and (min-width: 701px) and (max-width: 980px) {
  .fees-masthead,
  .injury-hero,
  .traffic-hero,
  .daily-hero,
  .acu-hero,
  .first-hero,
  .blog-hero {
    min-height: 425px;
    padding-top: 26px;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
  }

  .traffic-hero-photo img,
  .daily-hero-photo img {
    max-height: 270px;
  }
}

@media screen and (max-width: 700px) {
  .hero,
  .hero-inner {
    min-height: 600px;
  }

  .fees-masthead,
  .injury-hero,
  .traffic-hero,
  .daily-hero,
  .acu-hero,
  .first-hero,
  .blog-hero {
    min-height: 600px;
    padding-top: 24px;
    padding-bottom: 58px;
    display: flex;
    align-items: center;
  }

  .traffic-hero-photo img,
  .daily-hero-photo img {
    height: 170px;
    aspect-ratio: auto;
  }

  .blog-hero {
    background-position: 50% center;
  }
}

@media print {
  .fees-masthead,
  .injury-hero,
  .traffic-hero,
  .daily-hero,
  .acu-hero,
  .first-hero,
  .blog-hero {
    min-height: 0;
    display: block;
    padding: 15px 0;
  }
}