.video {
    background: #242833;
    padding: 90px 0;
    width: 100%;
}

.video iframe,
.video video {
    height: 220px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .video {
        padding: 130px 0;
    }

    .video iframe,
    .video video {
        height: 440px;
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1024px) {
    .video {
        padding: 33px 0;
    }

    .video iframe,
    .video video {
        height: 542px;
    }
}

@media only screen and (min-width: 1366px) {
    .video {
        padding: 30px 0;
    }

    .video iframe,
    .video video {
        height: 720px;
    }
}

@media only screen and (min-width: 1920px) {
    .video {
        padding: 24px 0;
    }

    .video iframe,
    .video video {
        height: 1032px;
    }
}