.home-page {
    background-color: var(--color-red);
    height: calc(100vh - 20vw);
    display: flex;
    flex-direction: column;
}

.home--video {
    display: flex;
    justify-content: center;
    margin: 20vw 0;
}

.home--video iframe {
    width: calc(100vw - 2rem);
    height: 47vw;
    z-index: 10;
}

#footer {
    background: var(--color-red) !important;
}


/* TABLET */
@media only screen and (min-width: 768px) {
    .home--video iframe {
        width: calc(var(--column-widthT) * 6 + 5rem);
        height: 37vw;
    }
}

/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .home-page {
        height: 55vw;
    }

    .home--video {
        margin: 8vw 0;
    }

    .home--video iframe {
        width: calc(var(--column-widthD) * 12 + 11rem);
        height: 37vw;
    }
}