@media(min-width: 600px) {
    .content-container {
        padding-bottom: 12%;
    }
}

@media(min-width: 1024px) {
    .page-wrapper {
        display: flex;
        flex-flow: row wrap;
        padding-bottom: 50px;
    }

    .nav-menu__album {
        flex-flow: row wrap;
        margin: 80px auto 0;
    }

    .nav-menu .nav-menu__album h1 {
        text-align: left;
        margin-left: 20px;
    }

    .nav-menu__hr {
        margin: 25px auto 0 auto;
    }

    .global-tv {
        position: fixed;
        top: 70px;
        width: 66%;
        padding-bottom: 46.8%;
    }

    .global-tv__controls {
        display: flex;
    }

    /* .global-tv__controls-mobile {
        display: none;
    } */

    .home-intro,
    .content {
        width: 30%;
        padding: 20px 20px 50px;
        margin: 0 auto;
        position: absolute;
        right: 20px;
    }

    .content-container {
        padding-bottom: 0;
    }

    .footer {
        position: absolute;
        font-size: 0.8em;
        height: 30px;
        width: 100vw;
        margin-left: -100vw;
        left: calc(100% + 20px);
        height: 30px;
        padding: 0;
    }
}