#banner {width: 95vw;z-index: 3;margin-left: 5vw;}
#banner img {width: 100vw;height: 95vh;}
#banner .pos_abs {width: 100vw;height: 103vh;top: 0;left: 0;margin-top: -8vh;}
#banner .info {padding-bottom: 30vh;height: 85vh;background: rgba(var(--secondary-rgb), .45);}
#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; }
#banner video , #banner iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #000000;}

/* 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: 95vh;}
}
@media screen and (max-width: 1280px){
	#banner a.pos_abs{
    height: 86vh;
    margin-top: 0;
    }
    #banner .pos_abs{
    height: 86vh;
    margin-top: 0;
    padding-bottom: 0;
    }
    #banner{
        height: 86vh;
    }
    #banner img{
    	height:86vh;
    }
}
@media screen and (max-width: 550px){
	#banner{
    width: 100vw;
    margin-left: 0;
    }
    #banner img{
    	height: 600px;
    }
    #banner .pos_abs{
    	height:600px;
    	margin-top: 0;
    	padding-bottom: 0;
    	z-index: -1;
    }
    #banner .info .txt{
    display: block;
    margin-top: 490px;
    background-color: #272727b0;
    padding: 15px;
    }
    #banner .info .txt h3{
    font-size: 17px;
    }
    #banner .slick-current .info .txt p{
    font-size: 12px;
    font-weight: 100;
}
}