html, body {
    height: 100%;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 2em;
    clear: both;
    font-family: "Quicksand", "Open sans", sans-serif;
}
article {
    margin-bottom: 4em;
}
.code {
    font-family: "Courier New", "Courier", monospace;
}
code {
    font-family: "Courier New", "Courier", monospace;
    font-size: 85%;
    clear: both;
    margin: 1em 0;
    padding: 1em 0;
    display: block;
}
#banner {
    max-width: 100%;
    height: auto;
    width: auto;
}
#primary {
    height: 100%;
    max-width: 960px;
    margin: 1em auto;
    padding: 0 1em;
}
#nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav li {
    margin: 1em 0.5em;
    float: left;
}
#nav li a {
    text-decoration: none;
}
.hidden {
    display: none;
}

footer {
    margin-top: 2em;
    font-size: 90%;
}

.site-footer {
    margin-bottom: 5em;
}

strong {
    font-weight: 500;
}