footer {
    margin: 0;
    padding: 0;
    background-color: var(--secondary-color);

    p {
        font-size: .9rem;
        color: var(--white);
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    #social-media,
    #assoc {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    #social-media {
        a img {
            height: 45px;
        }
    }

    #assoc {
        a {
            float: right;
            padding-left: 10px;
        }
    }

}

@media (max-width: 600px) {
    footer {
            p {
                font-size: .9rem;
                color: var(--white);
                margin-top: 3rem;
                margin-bottom: 1rem;
            }

            #social-media,
            #assoc {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

            #assoc {
                a {
                    float: left;
                    padding-left: 10px;
                    padding-bottom: 3rem;
                }
            }
    }

}