#views { position: relative; margin-top: 87px; }
.slick-track,.slick-slide,.slick-list { width: 100%; height: 100%; display: block }
.slick-slide { position: relative }
.slick-slide a { display: block; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 100%; height: 100%; overflow: hidden; aspect-ratio: 21/9; }
.video a,.youtube a { text-shadow: 0 0 7px #fff }
.slick-slide a .art { position: absolute; width: 50%; margin: 5% 10%; top: 10%; z-index: 2 }
.slick-slide a h2 { font-size: 50px; line-height: 100% }
.slick-slide a p { margin-top: 30px; line-height: 110%; font-size: 30px; color: #3d3d3d }
#banner .slick-dots { bottom: 30px }
#banner video,#banner iframe { position: absolute; width: 100%; top: 0; right: 0; z-index: 1 }
@media (max-width:1680px) {
  #views { margin-top: 74px; }
}
@media (max-width:1280px) { # }
@media (max-width:1200px) {
  .slick-slide a p { font-size: 20px }
}
@media (max-width:1024px) {
  #views { margin-top: 61px; }
  #banner .slick-slide img { padding: 0 0 100px; }
  #content { margin-top: 88px; }
}
@media (max-width:768px) {
  .slick-slide a { background-position: 17% 50%; }
  #banner .slick-slide img { height: 284px; padding: 0; }
  #banner video,#banner iframe { display: none }
}
@media (max-width:640px) {   }
@media (max-width:480px) {
  #content { margin-top: 80px; }
  .slick-slide a {display: block;position: relative;background-repeat: no-repeat;background-position: 13% 50%;background-size: cover;width: 100%;height: 100%;overflow: hidden;aspect-ratio: 14 / 9;}
  #banner .slick-slide img { height: 218px; }
}