.home-banner-outer{ display: block; width: 100%; position: relative; overflow: hidden; }
.banner-image-outer{ z-index: 1; display: block; width: 100%; position: relative; overflow: hidden;}
.banner-image-outer .bg-image,
.banner-image-outer .video-iframe{ width: 100%;height: calc(var(--vh,1vh)*100); position: relative; z-index: 1; overflow: hidden;  }
.banner-image-outer .video-iframe video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.banner-image-outer .bg-image picture{ display: block; width: 100%;height: calc(var(--vh,1vh)*100); position: relative; z-index: 1; overflow: hidden;  }
.banner-image-outer .bg-image picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }

.banner-image-outer::after{  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;   opacity: 0;
  mix-blend-mode: multiply; 
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, #111519, #111519); content: '';}

.banner-caption-outer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;  }
.banner-text{ width: 100%; text-align: center;}
.banner-text .icon{ padding: 0 0 44px; display: flex; align-items: center; justify-content: center;}
.banner-text .icon img{ width: 84px; height: auto;}
.banner-text h1{ color: #fff;}


@media (min-width: 1600px) and (max-width: 1800px) {
.banner-text .icon img{ width: 80px;}
}

@media (min-width: 1400px) and (max-width: 1599px) {
 .banner-text .icon img{ width: 76px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .banner-text .icon img{ width: 70px;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
 .banner-text .icon img{ width: 64px;} 
	 
}
@media (min-width: 768px) and (max-width: 991px) {
 .banner-text .icon img{ width: 64px;}
 
} 
@media (max-width: 767px) {
 .banner-text .icon img{ width: 64px;} 
 .banner-text .icon{ padding: 0 0 32px; }
	 
}