.page_banner {display: none}

.video {
    overflow: hidden;
    height: calc(100vh - 80px);
    z-index: 0;
    width: 100%;
}

.video video {
    width: 100%;
    height: auto;
    z-index: 0;
}

/*====================*/
/* Responsive Effects */
/*====================*/
@media screen and (max-width: 1400px) {
    .video {
        height: auto;
    }

    .video video {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1000px) {

    .video {
        display: flex;
        justify-content: center;
        background-color: #465663;
    }

    .video video {
        margin-top: -50px;
        width: 175%;
    }
 
}


@media screen and (max-width: 950px) {
    
    .video {
        margin-top: 0px;
    }

}   

@media screen and (max-width: 850px) {

    .video video {
        margin-top: 0px;
    }

}