:root {
        --spacing: 1.75rem;
      }

      main,
      footer {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto
      }

      p {
        max-width: 70rem;
        margin-left: auto;
        margin-right: auto
      }

      main.container-fluid {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 1rem;
        padding-left: 3rem;
        padding-right: 3rem
      }

      h1 {
        font-size: calc(25px + 6vw);
        line-height: 1.1;
        margin-bottom: 0;
        letter-spacing: 1.5px
      }

      .copdiv {
        float: right;
        padding-left: .5rem
      }

      h2 {
        letter-spacing: 1px
      }

      h3 {
        letter-spacing: .6px;
        font-weight: 600
      }

      h2,
      h3,
      h4 {
        text-align: center;
      }

      h2 {
        text-transform: uppercase;
        margin-top: .75em;
        margin-bottom: .75em
      }

      .head {
        text-align: center;
        background-color: #2760B5;
        padding: calc(20px + 2vw) calc(20px + 2vw) calc(25px + 3vw) calc(20px + 2vw);
      }
      
      #downloads {
      padding-left:auto;
      padding-right:auto;
      text-align:center;
      }
      
      .downloads a {
       font-size:80%;
       border-radius:0;
       padding:.75rem;
       --background-color: var(--primary-hover);
       --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
       --color: var(--primary-inverse);
       border: var(--border-width) solid var(--border-color);
       border-radius: 0;
       outline: 0;
       background-color: var(--background-color);
       box-shadow: var(--box-shadow);
       color: var(--color);
       font-weight: var(--font-weight);
       font-size: 1rem;
       cursor: pointer;
       text-decoration:none;
       text-align:center;
       margin-left:auto;
       margin-right:auto;
       display:block;
       width:14rem 
       
       }
 
      .downloads a:hover {
       background-color:hsl(195, 85%, 41%);
       }
      
      .cop {
        height: calc(100px + 37vw);
        width: auto;
        position: relative;
        top: -3rem;
      }

      .callout {
        background-color: #23234a;
        padding: 1.2em;
        margin-bottom: 1em
      }

      .red {
        background-color: #bb3434
      }

      .blue {
        background-color: #2760B5
      }

      .grid p {
        color: #e3e3e3
      }

      .callout h3 {
        color: white;
        text-align: left;
      }

      .quote h3 {
        border: 1.5px solid yellow;
        padding: 1em;
        margin-bottom: 1rem;
      }

      .toomuch {
        font-weight: bold;
        font-size: 125%;
        color: #e3e3e3;
        padding: 1.5rem;
        text-align: left;
        font-weight: 600;
        line-height: 1.4
      }

      footer p {
        font-size: 75%
      }

      #questions {
        margin-top: 1.2rem;
      }

      #questions p {
        font-size: 130%;
        font-weight: 500;
        letter-spacing: .2px;
        line-height: 1.25;
        color: #dbdbdb;
        padding: calc(6px + .5vw);
        margin-bottom: calc(5px + 1.5vw);
      }

      ul {
        list-style-type: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        padding: 0 calc(10px + .5vw) 0 1rem;
        font-size: 110%;
        border: 4px solid #2760B5
      }

      li {
        list-style-type: none;
      }

      .listicle {
        max-width: 19em;
        font-size: 140%;
        text-align: center;
        list-style-type: none;
        padding-top: 0;
        border: none;
      }

      .listicle li {
        list-style-type: none;
      }

      em {
        font-weight: bold;
        font-style: normal;
        letter-spacing: .2px
      }

      @media (min-width: 1250px) {
        .cop {
          height: 27rem;
          right: 2rem
        }

        .copdiv {
          padding-left: 2rem
        }
      }

      @media (max-width: 8000px) {
        .cop {
          top: -3rem;
        }
      }

      @media (max-width: 1214px) {
        .cop {
          top: -7rem;
        }
      }

      @media (max-width: 1160px) {
        main.container-fluid {
          padding-left: 1rem;
          padding-right: 1rem
        }
      }

      @media (max-width: 760px) {
        .cop {
          top: -3rem;
        }

        .copdiv {
          padding-left: 0
        }
      }

      @media (max-width: 500px) {
        main.container-fluid {
          padding-left: .5rem;
          padding-right: .5rem
        }

        @media (max-width: 390px) {
          h1 {
            font-size: 32pt
          }

          ;

          .head {
            padding: 20px
          }

          .cop {
            top: -1.2rem;
          }

          @media (max-width: 374px) {
            h1 {
              font-size: 30pt
            }

            ;

            .head {
              padding: 20px
            }
          }

          @media (max-width: 321px) {
            h1 {
              font-size: 25pt
            }

            ;

            .head {
              padding: 5px
            }

            .cop {
              top: -.5rem;
            }