#banner { width: 100vw; z-index: 3; }
#banner img { width: 100vw; min-height: 98vh; height: 98vh; }
#banner .pos_abs {width: 100vw;height: 98vh;top: 0;left: 0;}
#banner .info {height: 98vh;}
#banner .info .txt {margin: auto auto 7%;}
#banner .info .txt * {font-weight: 400;color: var(--white);opacity: 0;-webkit-transform: translateX(-10px);transform: translateX(-10px);text-align: center;text-shadow: 0 0 10px rgb(0 0 0 / 20%);}
#banner .info .txt h1 {font-size: 70px;font-family: 'Arsenal', sans-serif;text-transform: uppercase;font-weight: 600;line-height: 110%;}
#banner .info .txt h3 {font-size: 35px;font-weight: 600;margin-top: 25px;}
#banner .info .txt p {font-weight: 400;font-size: 20px;letter-spacing: 2px;}
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* slick-current */
#banner .slick-current .info .txt * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); transition-delay: .3s; -webkit-transition-delay: .3s; }
#banner .slick-current .info .txt p { transition-delay: .6s; -webkit-transition-delay: .6s; }

@media screen and (max-width: 768px){
	#banner img { min-height: 80vh; height: 80vh; }
	#banner .pos_abs {height: 80vh;}
	#banner .info .txt{margin-bottom: 15%;}
}
@media screen and (max-width: 550px){
	#banner .info .txt h1 {font-size: 40px;}
	#banner .info .txt h3 { font-size: 20px; }
	#banner .info .txt p { font-size: 16px; }
	#banner img { min-height: 75vh; height: 75vh; }
	#banner .pos_abs {height: 75vh;}
}