@media screen and (min-width:1400px){
 .hero .m-hero-item{height:55.5vw !important;}
}

@media screen and (min-width: 1084px) {
.custBanner {
 max-width: calc(1600px + 10%) !important;
 margin: 0 auto !important;
 padding-left:5% !important;
 padding-right:5% !important;
 background-color:green;
  }
}

@media screen and (min-width:768px){
 .hero .m-hero-item{height:54vw !important;}
}
.padbottom{padding-bottom:25px !important;}
.custBanner{background-color:#E8E8E8;}
#bannerSection .m-banner{max-width:100% !important;}
.customLogo{width:279px !Important; height:48px !important;}

@media screen and (max-width:1920px) and (min-width:1400px){
.customHeroFontSize{font-size:62px !Important; min-height:80px !important;}
}

.custHero .m-hero-item.context-app .c-heading{max-height:200px !Important;}


@media (forced-colors: active) {
.custHero a:focus
 {forced-color-adjust: none !important;}

}

@media screen and (-ms-high-contrast: active) {
   #customHero a:focus{outline:2px dashed white !Important;}
}


@media screen and (max-width:1400px){
  .jump-g.jumpganimate {
    position: relative;
    transition: 700ms all;
    right: 0;
    margin-left: -3%;
}
}

@media screen and (-ms-high-contrast: active) {
.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
   color: grey !important;
   }
}

@media screen and (-ms-high-contrast: black-on-white) {
    .custHero .m-hero-item .high-contrast a.c-call-to-action.f-lightweight.lime-green-c {
        background-color: #fff !important;
        color: #000 !important;
    }
}

@media screen and (max-width:327px) {
  .heroVideoCta { margin-right:22px !important; }
}