:root {
    --video-w: 360px;
}

.movies {
    display: flex;
    flex-wrap: wrap;
    gap: var(--double);
    justify-content: center;
}

.entertainment h2 {
    margin-bottom: var(--double);
}

.video iframe {
    box-sizing: content-box;
    border: solid 1px var(--kdp-green-1st);
    border-radius: 3px;
    height: calc(var(--video-w) * 0.5625);
    width: var(--video-w);
}

.video-main {
    margin: 2rem auto 0;
    width: var(--blog-wrapper);
}

.video-main iframe {
    box-sizing: content-box;
    border: solid 1px var(--kdp-green-1st);
    border-radius: var(--radius);
    height: calc(var(--blog-wrapper) * 0.5625);
    width: var(--blog-wrapper);
}

@media only screen and (max-width: 800px){
    :root {
        --video-w: 80vw;
    }
}