@media screen and (max-width: 990px) {
    .carousel-control-next {
        top: 2vh !important;
    }
    .landingPageHeroImage {
        height: 26vh;
        object-fit: cover !important;
    }
    .page-type-landing-page #pre-content {
        margin-top: 0;
    }
    #main-header{
        background: black;
    }
}
@media screen and (max-width: 768px) {
    .carousel-control-next {
        top: 2vh !important;
    }
    .landingPageHeroImage {
        height: 26vh !important;
        object-fit: cover !important;
    }
}
@media screen and (max-width: 576px) {
    .carousel-control-next {
        top: 2vh !important;
    }
    .landingPageHeroImage {
        height: 26vh !important;
        object-fit: cover !important;
    }
}
@media screen and (max-width: 375px) {
  .carousel-control-next {
      top: 10vh !important;
      height: 152px;
  }
  .landingPageHeroImage {
      height: 36vh !important;
      object-fit: cover !important;
  }
}
/*
  LANDSCAPE MOBILE ADJUSTMENTS
  Targets: Devices held sideways (landscape) that have a short screen height (max-height: 450px)
  We use a wider max-width (e.g., 990px) to catch the long side of the phone.
*/
@media screen
and (max-width: 990px)
and (max-height: 450px)
and (orientation: landscape) {

    .landingPageHeroImage {
        height: 110vh;
        object-fit: cover !important;
    }

    .carousel-control-next {
        top: 5vh !important;
    }

}