* { box-sizing: border-box }
html, body {
    padding: 0; margin : 0;
    font-family: Libre Baskerville, serif;
    font-size: 13pt;
    line-height: 1.5em;
    background-color: #fefefe;
    color: #333;
}

@media screen and (min-width: 900px) {
    header, section, footer { margin: 3em 25% 3em 5% }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    header, section, footer { margin: 2.5em 10% 2.5em 2em }
}

@media screen and (max-width: 900px) {
    header, section, footer { margin: 1.5em 2em 1.5em 2em }
}

header h1 { font-size: 2.25em; line-height: 1.2; margin: 1.4em 0 .9em 0; }
footer { font-size: .6em; margin-top: 4em; }

a { color: #2a7ae2; }
a:hover { color: #111; }

#bio { text-align: justify; }

.subtitle { font-size: .75em; }