body {
    height: auto;
}

nav {
    /* color: fog-dark */
    border-bottom: 1px solid #cdd2d2;
}

nav a {
    color: black;
}

h1 {
    color: black;
    /* needed for IE */
    margin-top: 0.67em;
    text-transform: uppercase;
}

h2 {
    color: black;
    /* needed for IE */
    margin-top: 0.83em;
}

p,
ul {
    /* color: charcoal */
    color: #324054;
}

a {
    /* color: steel-blue */
    color: #0267a4;
}

a.back-link {
    padding-bottom: 20px;
}

strong {
    font-weight: bold;
}

/* account for a long German word */
@media only screen and (max-width: 440px) {
    h1 {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 320px) {
    h1 {
        font-size: 1.3em;
    }
}