.video{
    width: 85%;
    max-width: 1920px;
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.video a:hover{
    opacity:0.6;
}

.video::after{
    padding-bottom: 56.25%;
    display: block;
    content: '';
}

.video.video-vertical::after{
    padding-bottom: 177.78%;
}

.video iframe, .video img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-height: 844px) {
    .video{
        width: 75%;
    }
}

@media only screen and (max-height: 700px) {
    .video{
        width: 65%;
    }
}

@media only screen and (max-width: 992px) {
    .video{
        width: 100%;
    }
}

@media only screen and (max-height: 489px) and (max-width: 992px) {
    .video{
        width: 65%;
    }
}