.banner-section {position:relative;overflow:hidden;max-height:948px;}
.banner-section .banner-caption {width:100%;max-width:906px;text-align:center;position:absolute;bottom:72px;left:50%;transform:translateX(-50%);z-index:999;}
.banner-section h1 {font-size:48px;line-height:56px;font-weight:600;color:#fff;margin-bottom:16px;}
.banner-section .banner-text{max-width:907px;font-size:20px;line-height:28px;margin:0 auto;margin-bottom:16px;color:#fff;font-weight:300;}
.banner-section .banner-cta {font-weight:700;color:#fff; text-decoration:none;}
.banner-section .banner-cta a{font-size:20px;line-height:28px;color:#fff;}

@media (min-width: 2560px) {
    .banner-section:before {content: "";position: absolute;background: linear-gradient(357.19deg, #001D31 10.57%, rgba(0, 73, 122, 0.85) 29.81%, rgba(0, 0, 0, 0) 42.64%);width: 100%;height: 100%;top: 0;z-index: 9;}
}
@media (min-width: 1440px) and (max-width: 1919.98px) {
    .banner-section {min-height:720px;}
    .banner-section .banner-caption {bottom:60px;}
}

@media (min-width: 375px) and (max-width: 1199.98px) {
    .banner-section h1{font-size:34px;line-height:42px;font-weight:700;}
    .banner-section .banner-text{font-size:16px;line-height:22px;margin:0 auto;margin-bottom:14px;text-align:center;}
    .banner-section .banner-cta {font-weight:600;}    
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .banner-section {min-height:540px;background:#003355;}    
    .banner-section .banner-caption {max-width:698px;bottom:48px;}
    .banner-section h1{margin-bottom:14px;}    
}
@media (min-width: 992px) and (max-width: 1199.98px) {    
    .banner-section{min-height:490px;}    
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-section{overflow: hidden;max-height: 702px;display: flex;align-items: center;justify-content: center;background: linear-gradient(0deg, #003355, #003355),linear-gradient(357.19deg, #001D31 10.57%, rgba(0, 73, 122, 0.85) 29.81%, rgba(0, 0, 0, 0) 42.64%);}
    .banner-section img{max-width: initial;object-fit: cover;max-height: 702px;}
    .banner-image{position:relative;}
    .banner-image:before {content: "";position: absolute;background: linear-gradient(357.19deg, #001D31 10.57%, rgba(0, 73, 122, 0.85) 29.81%, rgba(0, 0, 0, 0) 42.64%);width: 100%;height: 100%;top: 0;z-index: 9;}
}
@media (min-width: 375px) and (max-width: 767.98px) {
    .banner-section {min-height:550px;background:#003355;}    
    .banner-section .banner-caption {bottom:24px;max-width:331px;}
    .banner-section h1{margin-bottom:8px;}
    .banner-section .banner-cta {max-width:300px;}  
    .banner-section{position:relative;overflow: hidden;display: flex;align-items:start;justify-content: center;max-height: 550px;background: linear-gradient(0deg, #003355, #003355),linear-gradient(357.19deg, #001D31 10.57%, rgba(0, 73, 122, 0.85) 29.81%, rgba(0, 0, 0, 0) 42.64%);}
    .banner-section img{max-width: initial;object-fit: cover;max-height: 330px;}    
    .banner-section:before {content: "";position: absolute;background: linear-gradient(357.19deg, #001D31 24.02%, rgba(0, 29, 49, 0.85) 39.91%, rgba(0, 0, 0, 0) 48.99%);width: 100%;height: 100%;top: 0;z-index: 9;}    
}
@media (max-width:575.98px) {
    .banner-section .mobile-cta{max-width:300px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section .banner-caption{max-width:520px;}
    .banner-section img{max-height:430px;}
    .banner-section .banner-cta {max-width:400px;}        
}