#banner , #banner .item {position: relative;background: #fff;z-index: 100;overflow: hidden;}
#banner .item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#banner .info {position: absolute;width: 100%;bottom: 28vh;left: 0;z-index: 3;display: flex;flex-direction: column;align-items: center;}
#banner .info h3 {display: block;line-height: 90%;text-align: center;font-weight: 100;color: #fff;text-shadow: 0 0 10px rgb(0 0 0 / 25%);font-family: "EB Garamond", serif;font-size: max(8 * (1vw + 1vh) / 2, 55px);width: 40%;margin-bottom: 30px;}
#banner .info p {margin-top: 10px;text-align: center;font-weight: 400;color: #fff;font-size: 30px;text-shadow: 0 0 10px rgb(0 0 0 / 25%);}
#banner .img { position: relative; width: 100vw; height: 100vh; background: no-repeat 50% / cover; }
#banner .img img , #banner .img video , #banner .img iframe { position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; }
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); animation: banerBg 6s infinite linear; -webkit-animation: banerBg 6s infinite linear; }

#banner .allwrap{position:absolute;right:0;bottom:0;letter-spacing:12px;width:100%}
#banner .allwrap #canvas-container{position:absolute;bottom: 530px;}

/* scrolldown */
#scrolldown {position: absolute;letter-spacing: .3em;color: #fff;white-space: nowrap;bottom: 0;left: calc(50% - 185px);}

@-webkit-keyframes banerBg { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } }
@keyframes banerBg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

@media screen and (max-width: 1400px){
    #banner .allwrap #canvas-container{bottom: 390px;}
}
@media screen and (max-width: 1100px){
    #banner .info h3{width: 55%;}
}
@media screen and (max-width: 980px){
    #banner .info h3{width: 78%;}
    #banner .allwrap #canvas-container{bottom: 580px;}
}
@media screen and (max-width: 640px){
    #banner .allwrap #canvas-container{bottom: 460px;}
    #banner .info{bottom: 8vh;}
    #banner .info h3{width: 90%;}
    #banner{padding-top:70px}
    #banner .img{height: 50vh;}
    #scrolldown{display:none;}
    #banner .info p{font-size: 18px;}
}