@media screen and (max-width: 1000px) {
    body {
        /* background-color: lightgreen !important; */
        overflow-y: auto;
    }
    :root {
        font-size: 12px;
    }

    /* Homepage */
    #homepage-content {
        flex-wrap: wrap;
        overflow-y: auto;
        justify-content: center;
    }
    #homepage-content>* {
        margin: .5rem;
        min-height: 50vh;
        min-width: 95%;
    }


    #films-main {
        min-height: 92vh;
        max-height: 92vh;
    }
    #films-content {
        flex-wrap: wrap;
        overflow-y: auto;
        justify-content: center;
    }
    #films-content > div {
        margin: .5rem;
        min-height: 50vh;
        min-width: 95%;
        border-radius: 1rem;
    }
    #description-container {
        order: 1;
    }
    #video-list-container {
        order: 2;
    }

}