.hero-video {
position: relative;
width: 100%;
height: 100vh;
}
.hero-video .hero__video {
position: absolute;
z-index: 0;
   top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero__video video {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.hero-video .hero__video.hero__video--desktop {
display: none;
}
.hero-video .hero__video.hero__video--mobile {
display: block;
}
.hero-video .grid_section {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
color: #fff;
}
.hero-video .grid_section h1,
.hero-video .grid_section h2,
.hero-video .grid_section h3 {
line-height: 0.95;
}
.hero-video .grid_section * {
color: #fff;
}
@media (min-width: 992px) {
.hero-video .hero__video.hero__video--desktop {
display: block;
}
.hero-video .hero__video.hero__video--mobile {
display: none;
}
}
@media (max-width: 992px) {
.hero-video {
max-height: calc(100vh - 100px);
}
.hero-video .grid_section {
}
}
@media (max-width: 575px) {
.hero-video .section_inner {
width: 340px !important;
}
}