/* ********************************************************************** */
/* COLORS */

#footer {
    background:#150;
    color:#e7e7e7;
}

#footer a,
#footer a:visited {
    color:#de6;
}

#footer a:hover {
    color:#fc6;
}



/* ********************************************************************** */
/* FONTS */



/* ********************************************************************** */
/* OTHER CONFIG */

#footer .wrap {
    padding:0.8em 3em 6em 4em;
    font-size:70%;
    line-height:1.3;
}

#footer .unit {
    margin:0.8em 0 1.6em 0;
}

#footer p {
    margin:0.5em 0;
}

#footer a {
    text-decoration:none;
}

#footer-nav a {
    font-size:110%;
    margin-left:0;
    margin-right:1.8em;
    line-height:2.5;
}

@media all and (max-width:498.68px) {
    #footer-nav a {
        display:block;
        clear:both;
        margin-right:0;
    }
    /* NOT IMPL hide some parts of #footer-nav on mobile? */
}



/* ********************************************************************** */
/* CONSTANTS */

#footer {
    display:block;
    clear:both;
    width:100%;
    font-size:100%;
}



/* ********************************************************************** */
/* END */