/*video as background; container element makes it responsive */
.video-container {
    width: 1540px;
    max-height: 870px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.video-bg {
    position: relative;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    /*background: transparent url('960x360.png') no-repeat;*/
    background-size: cover;
}
video {
    display: block;
    opacity: 0.5;
}
@media(min-width: 539px) {
    /*video as background; container element makes it responsive */
    .video-container {
        width: 230%;
        height: 200%;
        max-height: 710px;
    }
}
@media(min-width: 667px) {
    /*video as background; container element makes it responsive */
    .video-container {
        width: 230%;
        height: 240%;
        max-height: 870px;
    }
}
@media(min-width: 768px) {
    /*video as background; container element makes it responsive */
    .video-container {
        width: 230%;
        height: 200%;
        max-height: 870px;
    }
}
@media(min-width: 800px) {
    /*video as background; container element makes it responsive */
    .video-container {
        width: 230%;
        height: 200%;
        max-height: 670px;
    }
}
@media(min-width: 1190px) {
    /*video as background; container element makes it responsive */
    .video-container {
        width: 100%;
        height: 200%;
        max-height: 670px;
    }
}