body, header, footer {
    background-color: #332a1f;
    color: #776452;
}

main {
    background-color: #f5f3f0;
    color: #644b2d;
}

h1 {
    font-size: 18px;
}
h2 {
    font-size: 16px;
}

p, ul li {
    font-size: 14px;
}

footer p {
    font-size: 12px;
}

nav a {
    color: #2c261c;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid rgb(226,226,226);
    padding-top: 5px;
    padding-bottom: 5px; 
}
nav a.active {
    font-weight: bold;
}
nav a:hover {
    color: #f08a14
}

@media (min-width: 768px) {
    .container {
        max-width: 863px;
    }
}