@media only screen and (max-width : 990px) {
    .video-block{
        flex-direction: column;
    }
    .video-block.reverse{
        flex-direction: column-reverse;
    }
    .video-block video{
        width: 100%;
    }
}
@media only screen and (max-width : 550px) {
    .header-active{
        display: none;
    }
    .header-active.active{
       display: flex; 
       position: absolute;
       left: 0;
       top: 70px;
       right: 0;
       height: calc(100vh - 70px);
       background-color: #014979;
       flex-direction: column;
       justify-content: flex-start;
       padding-top: 100px;
    }
    .header-nav{
        flex-direction: column;
    }
    .mobile-menu-btn{
        display: block;
        width: 30px;
        height: 30px;
    }

}