/*  Reset
---------------------------- */
body,div,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,menu,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,strong,th,var { font-style:normal; font-weight:normal; }
strong { font-weight: bold; font-style: inherit; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
video { outline: none; }

/* utilities
---------------------------- */
.center {
      text-align: center;
}

.right {
      text-align: right;
}

/* typeface
---------------------------- */
@font-face {
    font-family: 'DIN';
    src: url('../images/din-webfont.woff2') format('woff2'),
         url('../images/din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0020-007E;
}
body {
      font-family: "Times New Roman", serif;
}

/* me
---------------------------- */
.top {
      min-height: 50px;
      max-height: 10%;
}

nav {
      text-align: right;
      font-family: 'DIN', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
      text-transform: uppercase;
      font-size: 80%;
}

nav a {
      color: #999;
      text-decoration: none;
}

nav a:hover {
      color: #333;
}

header h1 {
      text-align: center;
      font-family: 'DIN', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
      text-transform: uppercase;
      font-size: 200%;
}

main .headshot {
      width: 75%;
      text-align: center;
      margin: 2em auto;
}

main h1 {
      font-size: 200%;
      margin-bottom: 0.5em;
}

main a {
      text-decoration: none;
      color: #666;
      box-shadow: inset 0 -0.5px 0 0 #ccc;
}

main a:hover{
      box-shadow: inset 0 -1px 0 0 #666;
}

main p {
      line-height: 1.4em;
      text-align: justify;
}

main p.about {
      font-size: 120%;
}

.bottom {
      min-height: 100px;
      max-height: 20%;
}

footer {
      font-family: 'DIN', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
      text-transform: uppercase;
      color: #999;
      font-size: 60%;
}