#banner { width: 100vw; z-index: 3; }
#banner img { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .pos_abs { width: 100vw; height: 75vh; top: 0; left: 0; }
#banner .info {height: 75vh;/* background: rgba(var(--black-rgb), .25); */}
#banner .info .txt {margin: auto;display: none;}
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
#banner .info .txt h3 {font-size: 68px;font-weight: 800;letter-spacing: 0.15em;}
#banner .info .txt p { font-weight: 300; font-size: 18px; }
#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;font-size: 28px;}


@media screen and (min-width: 761px){
	#banner .pos_rel{
    object-fit: cover;
}
	#banner img { min-height: 95vh; height: 95vh; }
	#banner .pos_abs { height: 95vh; }
	#banner .info {padding-bottom: 10vh;height: 85vh;}
}
@media screen and (max-width: 1440px){
#banner .pos_rel{
    object-position: 37% 50%;
}
}
@media screen and (max-width: 1280px){
#banner .pos_rel{
    object-position: 30% 50%;
}
}
@media screen and (max-width: 1024px){
#banner .pos_rel{
    object-position: 20% 50%;
}
}
@media screen and (max-width: 550px){
	#banner .pos_rel{
    object-position: 12% 50%;
}
	#banner .info .txt h3 { font-size: 12vw; }
}
@media screen and (max-width: 480px){
	#banner .pos_rel{
    object-position: 15% 50%;
    min-height: 460px;
    height: 460px;
}
}