.home-video {
background-color:rgba(0,0,0,0);
padding-left:0;
position:relative;
top:0;
padding-right:0;
margin-bottom:10px;
cursor:pointer;

}

.home-video.responsive {
  overflow:hidden;
  aspect-ratio:16/6
}

.home-video>video {
width:100%;
}

.home-video.responsive>video {
position:absolute;
height:100%;
top:0;
left:0;
object-fit:cover
}


.home-video .bottom-text {
text-align:left;
color:#fff;
position:absolute;
bottom:0;
left:0;
width:100%;
padding:2rem 3rem;
line-height:1.2;
background-color:rgba(0,0,0,0.2)
}

.home-video .bottom-text-date {
font-size:1.7rem;
font-weight:200;
text-transform:uppercase
}

.home-video .bottom-text-title {
font-weight:700;
font-size:3em
}

.home-video .bottom-text-desc {
font-size:2rem;
font-weight:200;
margin-bottom:1rem
}

.home-video .bottom-text-btn {
font-size:1.3rem
}

.home-video>.video-overlay {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
background:#121212;
background:-moz-linear-gradient(90deg,rgba(18,18,18,0.8183474073223039) 0%,rgba(18,18,18,0.5046219171262255) 35%,rgba(18,18,18,0) 100%);
background:-webkit-linear-gradient(90deg,rgba(18,18,18,0.8183474073223039) 0%,rgba(18,18,18,0.5046219171262255) 35%,rgba(18,18,18,0) 100%);
background:linear-gradient(90deg,rgba(18,18,18,0.8183474073223039) 0%,rgba(18,18,18,0.5046219171262255) 35%,rgba(18,18,18,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212",endColorstr="#121212",GradientType=1)
}

.home-video>.video-overlay>picture {
position:absolute;
max-width:calc(50% - 6em);
max-height:calc(50% - 6em);
bottom:3em;
left:3em
}

.home-video-marquee {
font-size:2em;
height:2em;
position:relative;
bottom:0;
width:100%;
left:0;
right:0;
line-height:2em;
color:#fff;
background:#000
}

@media (max-width: 810px) {
.home-video.responsive {
aspect-ratio:4/3
}

.home-video>.video-overlay>picture {
position:absolute;
max-width:calc(75% - 2em);
max-height:calc(75% - 2em);
bottom:1em;
left:1em
}

.home-video .bottom-text-date {
font-size:1.3rem
}

.home-video .bottom-text-title {
font-size:2.3em
}

.home-video .bottom-text-desc {
font-size:1.5rem
}

.home-video .bottom-text-btn {
font-size:1rem
}

.home-video-marquee {
font-size:1.5em
}
}

@media (max-width: 465px) {
.home-video.responsive {
aspect-ratio:1/1
}

.home-video .bottom-text-desc {
display:none
}

.home-video>.video-overlay>picture {
position:absolute;
max-width:calc(95% - 4em);
max-height:calc(95% - 6em);
bottom:3em;
left:2em
}

.home-video .bottom-text-title {
font-size:2em;
margin-bottom:1rem
}

.home-video .bottom-text-btn {
font-size:1rem
}
}