.banner-container .banner-caption-container
{
 position:absolute;
 z-index:15;
 top:0;
 left:0;
 right:0;
 margin:0 auto;
 display:flex;
 flex-flow:column nowrap;
 justify-content:center;
 align-items:flex-start;
 text-align:center;
 max-width:1200px;
 height:90%;
}





@media screen and (min-width:1440px)
{
 .banner-container .banner-caption-container .banner-caption
{
 font-size:84px;
}

}


.banner-container .banner-caption-container .banner-caption
{
 display:inline-block;
 position:relative;
 z-index:15;
 font-family:dm_serif_display;
 font-size:calc(32px + (84 - 32) * ((100vw - 300px) / (1600 - 300)));
 font-weight:normal;
 color:#ffffff;
 text-shadow:0 0 5px rgba(0,0,0,0.5);
 margin:0 0 5px 0;
 line-height:1;
 opacity:0;
 transition:all 200ms;
 animation:fadein ease-in 1;
 animation-fill-mode:forwards;
 animation-duration:1s;
 animation-delay:300ms;
}


@media screen and (min-width:1440px)
{
 .banner-container .banner-caption-container .banner-description
{
 font-size:42px;
}

}


.banner-container .banner-caption-container .banner-description
{
 display:inline-block;
 position:relative;
 z-index:15;
 font-family:lato;
 font-size:calc(26px + (42 - 26) * ((100vw - 300px) / (1600 - 300)));
 font-weight:normal;
 color:#ffffff;
 text-shadow:0 0 5px rgba(0,0,0,0.5);
 margin:0;
 line-height:1;
 opacity:0;
 transition:all 200ms;
 animation:fadein ease-in 1;
 animation-fill-mode:forwards;
 animation-duration:1s;
 animation-delay:600ms;
}


.banner-container .banner-caption-container .banner-link a:link,
.banner-container .banner-caption-container .banner-link a:visited
{
 display:inline-flex;
 flex-flow:row wrap;
 justify-content:center;
 align-items:center;
 font-family:lato;
 font-size:15pt;
 font-weight:bold;
 font-style:normal !important;
 color:#ffffff !important;
 text-decoration:none !important;
 background-color:#252525;
 padding:8px 15px;
 border-radius:20px;
 border:none;
 cursor:pointer;
 text-align:center;
 transition:all 0.2s;
 -webkit-tap-highlight-color:transparent;
}


.banner-container .banner-caption-container .banner-link a:hover
{
 background-color:#5e5e5e;
}


.banner-container .banner-caption-container .banner-link a:active
{
 transform:translate(0,2px)
   scale(0.99, 0.99);
  box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
}



.banner-container .banner-media-container > div:first-of-type
{
 width:100%;
 height:100%;
 margin:0 auto;
 transition:all 200ms;
}