/* On phones, keep the headline and actions below the hero photograph. */
@media (max-width: 575.98px) {
  .navbar.fixed-top {
    position: sticky;
    top: 0;
  }

  .hero {
    display: block !important;
    min-height: 0;
    padding: 0 0 38px;
    background: var(--navy);
  }

  .hero-mobile-image {
    display: block;
  }

  .hero-mobile-image img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hero-content {
    padding-top: 42px;
  }
}

@media (min-width: 576px) {
  .hero-mobile-image {
    display: none;
  }
}