.slide {
left: calc(-50vw + 50%); position: relative; width: 100vw; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 0;
}
.slide video {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 1;
}
.slide-tint {
position: absolute; height: 100%; width: 100%; z-index: 2; opacity: 0.4;
}
.slide .container {
position: relative; height: 100%;
}
.slide-overlay {
margin: 20px; padding: 20px; background-color: rgba(0, 0, 0, 0.7); position: absolute; z-index: 3; right: 0; bottom: 0; text-align: right; width: 70%;
}
.slide-overlay p {
color: #FFF;
}
@media only screen and (min-width: 992px) {
.slideshow .slide-overlay h1 { font-size: 72px; } .slideshow .slide-overlay p { font-size: 30px; } .slideshow h1 { font-size: 60px; } .slideshow p { font-size: 30px; }
}