/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Site CSS */
body{
  font-family: 'Droid Sans', sans-serif;
  background-color: #095079;
  color: #fffe;
}
h1{
  margin: auto;
  padding: 20px 0;
  font-size: 96px;
  font-weight: 400;
  font-family: 'Vidaloka', serif;
  font-display: fallback;
}
h2{
  text-align: left;
  font-size: 1rem;
  font-family: 'Vidaloka', serif;
  margin-bottom:0;
  font-display: fallback;
}
a{
  color: rgb(255, 193, 157);
  text-decoration:none;
}
a:focus{
  outline: dashed 2px #d4d4d4;
}
ul{
  text-align: left;
  list-style-type: none;
  padding-left:0;
}
li{
  margin-bottom:2.5em;
}
section{
  margin-top:30px;
  margin-bottom:50px;
}
hr{
  border:none;
  border-top:solid 1px #fffe;
  width:300px;
  max-width:90%;
  margin:5px 0 20px;
}
.full-width header{
  padding:10px 10px 0;
  overflow: auto;
}
.grid{
  text-align: center;
  width:90%;
  max-width:800px;
  margin:auto;
  padding: 40px 6px 0;
}
.grid.full-width{
  width:100%;
  max-width:none;
  padding:0;
  max-width:1200px;
  margin:auto;
}
.details{
  padding:20px 0;
}
.social{
  max-width: 400px;
  margin: auto;
}
.social ul{
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  display: grid;
  align-items: center;
  padding: 0;
  list-style-type: none;
  text-align:center;
}

.social li{
  padding:10px;
  margin-bottom:0;
}
.desc{
  display: block;
  margin-top:8px;
  font-size: 0.8em;
  font-style: italic;
  color: #e4e4e4;
}
.portfolio-blocks{
  display: grid;
  grid-gap:0;
}
.portfolio-blocks .block{
  display: grid;
  background-color:#999;
  min-height: 200px;
}
.portfolio-blocks .block:nth-child(2n){
  background-color:#777;
}
.portfolio-blocks img{
  width:100%;
  height:auto;
}
.divider{
  display: inline-block;
  padding:0 6px;
}
@media (max-width:520px){
  h1{
    font-size:4.5rem;
  }
  .social li{
    padding:20px;
  }
  .divider{
    display: block;
    padding: 8px 0;
    visibility: hidden;
  }
  .desc{
    margin: 16px 0 20px;
  }
  .portfolio-blocks{
    grid-gap: 10px;
  }
}
@media (min-width:520px){
  .portfolio-blocks{
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
}

@media (min-width:960px){
  .portfolio-blocks{
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
  }
}