.video {
    width: 740px;
    height: 416px;
    display: inline-block;
    margin: 20px 20px 40px 20px;
/*    border-radius: 20px;
*/    box-shadow: 0 5px 10px #00000033;
}





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

    .video {
        width: 700px;
        height: 394px;
        margin: 20px 15px 40px 15px;
    }
}


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


    .video {
        width: 680px;
        height: 382px;
        margin: 20px 10px 40px 10px;
    }
}




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


    .video {
        width: 580px;
        height: 326px;
        margin: 20px 0px 40px 0px;
    }
}




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


    .video {
        width: 420px;
        height: 236px;
    }
}





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


    .video {
        width: 400px;
        height: 225px;
    }
}


/*
@media screen and (max-width: 420px) {


    .video {
        width: 360px;
        height: 202px;
    }
}*/


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


    .video {
        width: 280px;
        height: 158px;
        margin: 20px -20px 40px -20px;
    }
}