.banner-wrapper { display: inline-flex; flex: 1; font-family: var(--font-primary); font-weight: var(--font-weight-bold); margin: 0px; position: relative; width: 100%; } .subtext { color: #fff; text-transform: uppercase; font-weight: 50; font-size: 13px; margin-bottom: 17px; margin-top: 7px; line-height: 13px; } p.left-heading { font-size: 19px; color: #fff; text-transform: uppercase; line-height: .9; } #button-style{ background-color: #fff; border-radius: 3px; color: #1C88C7; } .fp-container { background-color: #00446A; padding-right: 0px !important; padding-left: 0px; position: relative; display: inline-block; margin: 2px; height: 210px; } .banner-left { float: left; max-width: 100%; height: 100%; padding: 40px 25px 35px 20px; display: inline; } .image-container { display: inline-block; position: relative; float: right; padding: 0px !important; margin: 0px !important; overflow: hidden; } #fp-banner-image { object-fit: cover; position: relative; max-width: 100%; margin: 0; min-width: 100%; -ms-interpolation-mode: bicubic; } @media only screen and (max-width: 812px) { .banner-wrapper { display: inline-block; } .fp-container { height: auto; } #fp-banner-image { min-height: 200px; max-height: 200px; } .banner-left { padding-top: 20px; padding-bottom: 10px; } } @media only screen and (min-width: 813px) and (max-width:1023px) { .fp-container { height: 100%; } #fp-banner-image { height: 100%; } .banner-left { padding-top: 20px; padding-bottom: 10px; } } @media only screen and (min-width: 1024px) { #fp-banner-image { height: 100%; } .image-container { height: 100%; } } @media only screen and (min-width: 1024px) { #fp-banner-image { position: absolute; left: 50%; top: 50%; max-height: 100%; max-width: none; min-height: 100%; min-width: 100%; transition: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #fp-banner-image { object-fit: none; position: absolute; left: 50%; top: 50%; max-height: 100%; max-width: none; min-height: 100%; min-width: 100%; transition: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } p.left-heading { font-size: 18px; } }