:root {
    --ast-global-color-0:#4376a9;
    --ast-global-color-1:#eba821;
    --ast-global-color-2:#3a3a3a;
    --ast-global-color-3:#b3c635;
    --ast-global-color-4:#f6f6f6;
    --ast-global-color-5:#FFFFFF;
    --ast-global-color-6:#e3e3e3;
    --ast-global-color-7:#666666;
    --ast-global-color-8:#000000;
  }
  
  ::selection {
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-8);
  }
  
  body {
      margin: 0;
      background: var(--ast-global-color-5);
      color: var(--ast-global-color-8);
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 1.5em;
      overflow: scroll;
  
      padding-top: 2rem;
  }
  
  a {
      text-decoration: none;
  }
  
  h1,h2,h3,h4,h5,h6 {
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-weight:400;
  }
  
  h1 {
    font-size:2.625rem;
    line-height:1.4em;
  }
  
  h2 {
    font-size:1.875rem;
    line-height:1.4em;
    border-bottom: 2px solid var(--ast-global-color-1);
  }
  
  h3 {
    font-size:1.625rem;
    line-height:1.3em;
  }
  
  h4 {
    font-size:1.375rem;
    line-height:1.2em;
  }
  
  h5 {
    font-size:1.25rem;
    line-height:1.2em;
  }
  
  h6 {
    font-size:1.125rem;
    line-height:1.25em;
  }
  
  header#sitelogo, main, footer > nav {
      max-width: 1200px;
      margin-inline: auto;
      padding-left: 2em;
      padding-right: 2em;
  }
  
  main {
      padding-bottom: 2.5rem;
      a:hover { 
          text-decoration: underline;
          color: var(--ast-global-color-2);
      }
  }
  
  header > a > img {
      width: 300px;
  }
  
  header#navigation > nav {
      background: var(--ast-global-color-0);
      text-align: center;
      margin-top: 1rem; 
      ul {
          margin: 0;
          padding: 0;
      }
      ul li {
          display: inline-block;
          color: var(--ast-global-color-5);
          font-size: 1.125rem;
          font-weight: 700;
          padding: 0.75rem;
  
          a {	padding: inherit; color: inherit;	}
          a:hover { background: var(--ast-global-color-0); }
      }
  }
  
  footer {
      background-color: var(--ast-global-color-8);
      min-height: 200px;
  
      nav {
          padding-top: 2rem;
          padding-bottom: 2rem;
  
          ul {
              padding: 0;
          }
      }
  
      a {	color: var(--ast-global-color-3); }
      a:hover { color: var(--ast-global-color-5) };
  }
  
  section#copyright {
      background: var(--ast-global-color-0);
      text-align: center;
      color: #fff;
      padding-top: 2rem;
      padding-bottom: 2rem;
      a {
          color: inherit;
      }
  }
  
  @media (max-width: 1200px) {}
  @media (max-width: 992px) {}
  @media (max-width: 768px) {
      header#sitelogo,
      footer > nav { text-align: center; }
      header#navigation > nav ul li {
          display: block;
      }
  }