#services-hero {
    position: relative;
    height: auto;
    min-height: 650px;
    padding-top: 110px;
    /*background-color: var(--lighter-grey);*/
}

#services-hero .container {
    position: relative;
    z-index: 1;
}

.video-before {
    position: fixed;
    top: 0;
    /*left: 0;*/
    width: 1920px;
    max-width: 100%;
    height: 650px;
    object-fit: cover;
    z-index: 0;
    background-attachment: fixed;
}

@media (max-width: 991.8px) {
    .video-before {
        height: 700px;
    }
    #services-hero {
        min-height: auto;
        padding-top: 80px;
    }
}

@media (max-width: 767.8px) {
    #services-hero {
        min-height: auto;
        padding-top: 80px;
    }
}