.section.banners {aspect-ratio: 1920/940;height: 100vh; } @media (max-width: 1451.98px) {.section.banners .embed-responsive, .section.banners .img-fluid {height: 100vh !important;}.section.banners .embed-responsive .video, .section.banners .img-fluid .video {width: 100%;object-fit: cover;} } @media only screen and (max-width: 575px) {.section.banners .video-desktop, .section.banners .img-desktop {display: none;} } .section.banners .video-mobile .video {height: 100vh;width: 100%; } @media (min-width: 576px) {.section.banners .video-mobile {display: none;} } @media (min-width: 576px) {.section.banners .img-mobile {display: none;} } .section.banners .banner-claim {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 45%; } @media (max-width: 1451.98px) {.section.banners .banner-claim {width: 60%;} } @media (max-width: 1099.98px) {.section.banners .banner-claim {width: 70%;} } @media (max-width: 991.98px) {.section.banners .banner-claim {width: 80%;} } @media (max-width: 767.98px) {.section.banners .banner-claim {width: 90%;} } @media (max-width: 575.98px) {.section.banners .banner-claim {width: 95%;} } .section.banners .banner-claim h2 {color: var(--white);font-size: 3.1875rem;text-transform: uppercase;font-weight: 900;line-height: 1.2; } @media (max-width: 575.98px) {.section.banners .banner-claim h2 {font-size: 1.875rem;} } .section.banners .banner-claim .agt-claim {display: inline-block; } .section.banners .banner-claim .slogan {width: 100%;height: auto; }