#banner { width: 100%; z-index: 3; }
#banner img { width: 100%; height: 90vh; }
#banner .pos_abs {width: 100%;height: 100%;top: 0;left: 0;}
#banner .info {padding-bottom: 10vh;height: 80vh;/* background: rgba(var(--secondary-rgb), .45); *//* background: linear-gradient(0deg, #272727, #27272700, transparent); */}
#banner .info .txt {margin: auto;text-shadow: 0 0 12px #383838;width: 57%;}
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); }
#banner .info .txt h3 { letter-spacing: 5px; font-size: 50px;  }
#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;object-fit: cover;object-position: 50% 100%;}

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

@media screen and (min-width: 1281px){
	header #webmenu .top_btn { height: 90vh; }
}
@media screen and (max-width: 980px){
	#banner .info .txt{width: 95%;}
}
@media screen and (max-width: 640px){
    #banner video, #banner iframe{object-position: 20% 100%;}
    #banner .info .txt{margin-bottom: 50%;}
    #banner .info .txt h3{font-size: 25px;}
    #banner .info .txt p{
    font-size: 15px;
}
    #banner img{height: 70vh;}
    #banner .info {height: 70vh;padding-bottom: 0;}

}