body {
    overflow: hidden;
}

.video-container {
    width: 100vw;
    height: -webkit-fill-available;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    object-position: left;
}

.sm {
    display: block;
}
.lg,
.md {
    display: none;
}

@media (min-width: 768px) {
    .md {
        display: block;
    }
    .sm,
    .lg {
        display: none;
    }
}

@media (min-width: 1500px) {
    .lg {
        display: block;
    }
    .md,
    .sm {
        display: none;
    }
}
@media (min-width: 1920px) {
    #main-video-text{
        padding: 0 calc((100% - 1920px) / 2 + 85px);
    }
}