/* Version Mobile */
footer {
    background-color: var(--primary-color);
    padding: 40px 20px 20px 20px;
    color: white;
}

footer #footer-container .btn-container a {
    display: block;
    width: 120px;
    margin: 0 auto;
}

footer #footer-container #social {
    margin: 30px 0;
}

footer #footer-container #social nav a {
    color: white;
}

footer #footer-container #social h3 {
    margin: 0;
    color: white;
}

footer #footer-container #social #social-networks {
    display: flex;
}

footer #footer-container #social #social-networks a {
    display: block;
    margin-right: 10px;
}

footer #footer-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
}

footer #footer-menu li {
    padding: 5px 10px;
    text-transform: uppercase;
}

footer #footer-menu li a {
    color: white;
}


    /* Version Tablette */
    @media screen and (min-width: 768px) {
        footer #footer-container .btn-container a {
            width: 135px;
        }
    }


        /* Version Desktop */
        @media screen and (min-width: 992px) {
            footer #footer-container {
                max-width: 1400px;
                margin: 0 auto 40px auto;
                display: flex;
            }

            footer #footer-container .btn-container {
                display: flex;
            }

            footer #footer-container .btn-container a {
                margin: auto;
                width: 150px;
            }

            footer #footer-container #social {
                margin: 0 0 0 auto;
                width: 30%;
            }
        }