figure.yt-full > div,
figure.yt-500 > div,
figure.yt-700 > div,
figure.yt-1000 > div,
figure.yt-1200 > div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

figure.yt-full iframe,
figure.yt-500 iframe,
figure.yt-700 iframe,
figure.yt-1000 iframe,
figure.yt-1200 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.center {
    margin: 0 auto;
}

@media screen and (min-width: 500px) {
    figure.yt-500, figure.yt-500 iframe {
        width: 500px;
        height: 281px;
    }
}

@media screen and (min-width: 700px) {
    figure.yt-700, figure.yt-700 iframe {
        width: 700px;
        height: 394px;
    }
}

@media screen and (min-width: 1000px) {
    figure.yt-1000, figure.yt-1000 iframe {
        width: 1000px;
        height: 563px;
    }
}

@media screen and (min-width: 1200px) {
    figure.yt-1200, figure.yt-1200 iframe {
        width: 1000px;
        height: 675px;
    }
}