#banner { width: 100vw; z-index: 3; }
#banner img {width: 100vw;height: 90vh;}
#banner .pos_abs { width: 100vw; height: 90vh; top: 0; left: 0; }
#banner .info {padding-bottom: 10vh;height: 100vh;background: rgba(var(--secondary-rgb), .35);}
#banner .info .txt {margin: auto;display: flex;flex-direction: column;align-items: center;}
#banner .info .txt * {font-weight: 400;color: var(--white);opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px);}
#banner .info .txt h1 {letter-spacing: 2px;font-size: 30px;font-family: 'Archivo Black', sans-serif;text-shadow: 0 0 5px rgb(0 0 0 / 50%);font-weight: 800;}
#banner .info .txt h1:after{content:'';display:block;width: 30px;height: 3px;background: #fff;margin: 20px auto;}
#banner .info .txt h3 {letter-spacing: 5px;font-size: 40px;text-shadow: 0 0 5px rgb(0 0 0 / 50%);line-height: 130%;}
#banner .info .txt p {font-weight: 300;font-size: 18px;text-shadow: 0 0 5px rgb(0 0 0 / 50%);text-align: center;}
#banner .info .txt p.more{display:inline-block;border: 1px solid #fff;font-size: 14px;padding: 13px 30px;margin-top: 30px;text-shadow: 0 0 5px rgb(0 0 0 / 50%);width: auto !important;}
#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: 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;width: 70%;}

@media screen and (max-width: 640px){
    #banner img, #banner a.pos_abs{height: 80vh;}
    #banner .slick-current .info .txt p{width:100%;}
    #banner .info .txt h1{font-size:22px;}
    #banner .info .txt h3{font-size:30px;}
    #banner .info .txt p{font-size:16px;}
}