/*Media Queries - Spotify, Imersão Front-End Alura*/

@media (max-width: 900px) {

    /* -------------------- */
    /* SideBar e Footer */
    /* -------------------- */

    .sidebar {
        display: none;
    }

    .footer_main {
        display: block;
        margin-top: 10px;

        button {
            margin: 1rem 0;
        }
    }

    /* -------------------- */
    /* Playlist e Navigation */
    /* -------------------- */

    .logo_responsive {
        display: block;
    }

    .main_navigation,
    .section_playlist {
        max-width: 100vw;
        position: static;
        margin: 0.50rem;
    }

    .main_playlist {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 1rem;
    }

    .cards img,
    .cards_results img {
        width: 20vw;
    }

    /*Botão Player Dinamico*/
    .player {
        display: none;
    }
}