* {margin: 0;}
body { box-sizing: border-box; }
.soon-bg { width: 100%; height: 100vh; }
/* .content h1 { font-family: 'Roboto Slab', serif; font-size: 55px; font-weight: 700; color: #fff;} */
.back-video { position: absolute; right: 0; bottom: 0; z-index: -1; padding: 0; margin: 0; width: 100%; height: auto;}
.image-bg { vertical-align: middle; display: table-cell; height: 100%; }
.content { display: table; height: 100%;}
.image-bg img { min-height: 500px; max-height: 600px;}
.image-bg h3 { color: #fff; text-align: center; font-family: 'Alata', sans-serif; font-size: 30px;}
@media (max-width:768px) { 
    .back-video {
        position: absolute;
        right: 0;
        /* bottom: 0; */
        z-index: -1;
        padding: 0;
        margin: 0;
        width: auto;
        height: 100vh;}
 .image-bg img { min-height: 300px; max-height: 350px;}
.image-bg h3 { font-size: 23px;}
}
@media (min-width:768px) and (max-width:1024px) { 
    .back-video {
        position: absolute;
        right: 0;
        /* bottom: 0; */
        z-index: -1;
        padding: 0;
        margin: 0;
        width: auto;
        height: 100vh;}
}