#banner {width: 100vw;z-index: 3;margin-top: 99px;}
#banner img { width: 100vw; height: 90vh; }
#banner .pos_abs { width: 100vw; height: 90vh; top: 0; left: 0; }
#banner .info {padding-bottom: 10vh;height: 80vh;background: rgba(var(--secondary-rgb), .05);}
#banner .info .txt {margin: auto;display: none;}
#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; }

/* 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: calc(90vh + 110px);}
}
@media screen and (max-width: 768px){
#banner img {width: 100vw;height: 35vh;}

}
@media screen and (max-width: 480px){
	#banner img ,#banner .pos_abs ,#banner .info{
    height: 400px;
} 
#banner {
    padding-top: 0;
    margin-top: 91px;
}
	#banner .pos_abs{
    height: 400px;
}
	#banner a.pos_abs{}
#banner img {width: 100vw;}

}