#footer {
    margin-top: 10px;
    padding: 20px 20px 0 20px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}

    #footer > div {
        display: inline-block;
        vertical-align: top;
        width: 20%;
        font-weight: bold;
    }

    #footer a {
        text-decoration: none;
        color: white;
    }
    #footer a:visited  {
        color: white;
    }

/*******************************************************************************/
@media screen and (max-width:780px) {
    #footer {
        width: 100%;
        box-sizing: border-box;
    }

        #footer > div {
            display: inline-block;
            vertical-align: top;
            width: 33.3%;
            font-weight: bold;
        }
}

/*******************************************************************************/
@media screen and (max-width: 540px) {
    #footer > div {
        display: block;
        width: 100%;
        text-align: center;
    }

    #footer-social {
        margin-top: 10px;
    }
}