@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600");
* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px; }

html {
  width: calc(100vw - 17px);
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }
  @media only screen and (max-width: 800px) {
    html {
      width: 100%; } }

body {
  margin: 0 auto;
  max-width: 750px;
  width: 100%; }
  @media only screen and (max-width: 800px) {
    body {
      max-width: 100%;
      margin: 0 auto; } }

header {
  margin-top: 20px; }
  @media only screen and (max-width: 800px) {
    header {
      padding: 0 0.5rem; } }
  header h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 32px;
    color: #333;
    margin-left: -2px; }
    @media only screen and (max-width: 800px) {
      header h1 {
        padding: 0 0.5rem; } }
  header h2, header .h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 18px;
    color: #666;
    padding-top: 5px;
    padding-bottom: 15px; }
    @media only screen and (max-width: 800px) {
      header h2, header .h2 {
        padding: 0 0.5em 0.5em; } }

nav {
  font-family: Georgia, serif;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 14px 10px 11px;
  margin: 15px 0 20px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  border-radius: 10px; }
  nav::before, nav::after {
    content: '';
    height: 14px;
    display: block;
    border-radius: 8px;
    position: relative;
    margin: 0 -10px; }
  nav::before {
    top: calc((14px * -2) - 1px);
    border: 1px solid #E0E0E0;
    border-top: none; }
  nav::after {
    bottom: calc((14px * -2) + 2px);
    border: 1px solid #E0E0E0;
    border-bottom: none; }
  nav ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: -14px 0; }
  nav a {
    color: #333;
    text-decoration: none;
    padding-left: 2px;
    border-bottom: 3px solid transparent;
    transition: border-bottom-color 0.4s ease, border-bottom-width 0.1s ease; }
  nav a:hover {
    border-bottom: 3px solid #FFC266; }
  nav a:focus {
    outline: none;
    border-bottom: 3px solid #FFC266; }
  nav .selected {
    border-bottom: 3px solid #FF9900; }
    nav .selected a {
      border-bottom: 3px solid #FF9900;
      transition: border-bottom-width 0.12s ease; }
      nav .selected a:hover {
        border-bottom: 5px solid #FF9900; }

section {
  font-family: "Nunito", Arial, sans-serif;
  font-size: 18px;
  color: #222;
  line-height: 150%;
  margin-bottom: 3em; }
  section h2 {
    line-height: 1.4;
    border-bottom: 1px solid #FFC266;
    padding-bottom: 0.25em;
    margin: 1em 0 0.75em; }
    @media only screen and (max-width: 800px) {
      section h2 {
        padding: 0 0.5em 0.25em; } }
  section a {
    border-bottom: 2px solid #FFC266;
    text-decoration: none;
    color: #000;
    display: inline-block;
    height: 1.45em;
    transition: border-bottom-color 0.6s ease; }
  section a:hover {
    border-bottom: 2px solid #FF9900; }
  section a:focus {
    outline: none;
    border-bottom: 2px solid #FF9900; }
  section p {
    padding: 10px 0px; }
    @media only screen and (max-width: 800px) {
      section p {
        padding: 10px 0.5em; } }
  section p.lead, section.article article > p:first-of-type {
    font-size: 22px;
    font-weight: lighter;
    line-height: 150%;
    color: #666; }
    section p.lead a, section.article article > p:first-of-type a {
      height: auto; }
  section li {
    padding-bottom: 5px;
    overflow-wrap: break-word; }
    @media only screen and (max-width: 800px) {
      section li {
        padding-right: 0.5em; } }
    section li img {
      height: 1em;
      margin-bottom: -0.1em;
      margin-right: 7px; }
  section ul.contact-info, section ul.stats {
    list-style: none; }
    @media only screen and (max-width: 800px) {
      section ul.contact-info, section ul.stats {
        padding: 0 0.5em; } }
  section.blog .article-image {
    height: 150px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    top: 10px;
    background-color: #FF9900; }
    section.blog .article-image small {
      width: 100%;
      display: block;
      font-size: 14px; }
    section.blog .article-image .caption {
      width: 100%;
      text-align: right;
      height: 28px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      background: rgba(0, 0, 0, 0.5);
      padding: 2px 10px;
      color: #FFF;
      transition: height 0.5s ease;
      overflow: hidden;
      line-height: normal; }
      @media only screen and (max-width: 800px) {
        section.blog .article-image .caption {
          height: auto; } }
    section.blog .article-image:hover .caption {
      height: 53px; }
  section.article h1, section.article h2, section.article h3, section.article h4, section.article h5, section.article h6 {
    border-bottom: 1px solid #FFC266;
    padding: 0 0 0.25em 0.5em;
    margin: 1.5em 0 0.5em; }
    @media only screen and (max-width: 800px) {
      section.article h1, section.article h2, section.article h3, section.article h4, section.article h5, section.article h6 {
        padding: 0 0.5em 0.25em; } }
  section.article h2 {
    padding-left: 0;
    line-height: 1.4; }
    @media only screen and (max-width: 800px) {
      section.article h2 {
        padding-left: 0.5em; } }
  section.article ul, section.article ol, section.article dl {
    margin-left: 1.5em; }
    @media only screen and (max-width: 800px) {
      section.article ul, section.article ol, section.article dl {
        margin-left: 1.75em; } }
  section.article ul {
    list-style: none; }
    section.article ul li {
      text-indent: -1.25em; }
      section.article ul li::before {
        font-size: 0.9em;
        position: relative;
        top: -2px;
        margin: -0.1em 0.1em 0 0;
        content: '■ ';
        color: #FF9900; }
  section.article dl dt {
    font-weight: bolder;
    font-size: 1.2rem; }
  section.article dl dd {
    margin-left: 0.5em;
    margin-bottom: 0.5em; }
  section.article strong {
    font-weight: bolder;
    font-size: 1.2rem; }
  section.article blockquote {
    padding-left: 1em;
    border-left: 2px solid #FFC266;
    margin: 1em 0; }
  @media only screen and (max-width: 800px) {
    section.article pre {
      white-space: pre-line; } }
  @media only screen and (max-width: 800px) {
    section.article pre {
      margin: 0 0.5em; } }
  section.article code {
    display: block;
    background-color: #E0E0E0;
    padding: 0.5em 1em;
    margin: 1em 0;
    font-size: 14px;
    overflow-wrap: break-word; }
  section.article table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #E0E0E0;
    margin: 2em 0; }
    section.article table thead {
      font-weight: bolder;
      font-size: 1.2rem; }
    section.article table td, section.article table th {
      border: 1px solid #E0E0E0;
      padding: 0.5em; }
    section.article table th {
      border-bottom: 1px solid #FFC266; }
  section.article hr {
    border: 1px solid #FFC266;
    margin: 1em 0.5em; }

/*# sourceMappingURL=style.css.map */