#navigation, #navigation a:active, #navigation a:hover, #navigation a:visited, #section-menu a:active, #section-menu a:hover, #section-menu a:visited, #navigation>span, #navigation a {
    color: black;
}

footer {
    width: 100%;
    position: absolute;
    background: #aaa;
}

#navigation>a {
    display: none;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-weight: 700;
    text-align: center;
    padding: 0.6em;
    font-size: 1em;
}

@media (min-width: 768px) {
    #navigation>a {
        display: inline;
        padding: 1em;
        font-size: 1.2em;
    }
}