@media only screen and (min-width: 1920px) {
    .yVid {
        width: 1536px;
        height: 864px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1920px) {
    .yVid {
        width: 1280px;
        height: 720px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1366px) {
    .yVid {
        width: 1170px;
        height: 658px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1280px) {
    .yVid {
        width: 970px;
        height: 546px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 992px) {
    .yVid {
        width: 720px;
        height: 405px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .yVid {
        width: 640px;
        height: 360px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 640px) {
    .yVid {
        width: 540px;
        height: 304px;
        margin: 0 auto;
    }
}