html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: -apple-system, "HelveticaNeue-Light","Helvetica",sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

#container {
    padding: 3%;
    width: 94%;
}

h1 {
    font-weight: 600;
    margin-bottom: 0;
    color: #111;
    line-height: 1.2;
}

h2 {
    font-weight: 400;
    margin-top: 0;
    color: #222;
    line-height: 1.1;
}

ul#nav {
    margin: 0;
    padding: 0;
}

#nav li {
    display: inline;
    margin-left: 0px;
    margin-right: 1em;
}

a {
    color: #2C6DB5;
}

hr {
margin-top: 2em;
margin-bottom: 2em;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    border: 0;
}

@media only screen and (min-width: 35em) {
    html {
        font-size: 1.2em;
        line-height: 1.4;
    }
    #container {
        width: 60%;
    }
}