@media screen and (max-width: 504px) {
    
    /*
    ==============================
    BASIC SETUP
    ==============================
    */

    /*
    ==============================
    HEADER
    ==============================
    */

    /*
    ==============================
    SECTION
    ==============================
    */

    /*
    ==============================
    FOOTER
    ==============================
    */

    footer .container {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        width: 100vw;
    }

    footer .container > * {
        text-align: center;
    }

    footer nav ul {
        justify-content: space-around;       
    }

    footer nav li {
        text-align: center;
        padding-right: 0;
    }

}