.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 88vh;
    
}

.bg-video-wrapoth {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 35vh;
}

video {
    min-width: 100%;
    min-height: 70vh;
    z-index: 1;
}

.overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
    background-size: 3px 3px;
    z-index: 2;
}







header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}




.video-container {
    z-index: -100;
    width: 90%;
    height: 70%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#video-bg {
    width: 100%;
}



.background-wrap {
    position: fixed;
    z-index: -1000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}


#video-bg-elem {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
}