html, body
    { margin: 0;
      padding: 0;
      height: 100dvh;
    }
    body
    { background: linear-gradient(to bottom, white 75dvh, #f2f9ab 100dvh);
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
    }
    @media only screen and (max-width: 767px) 
    { body
      { background-color: white;
      }
    }
    h1
    { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-weight: lighter;
      color: #070970;
      font-size: calc(8vh);
      background-color: transparent;
    }
    h2
    { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-weight: bold;
      color: #070970;
      font-size: 3.2vh;
    }
    p
    { font-family: 'Times New Roman', Times, serif;
      font-size: 1.3em;
    }
    #menubar
    { display: flex;
      top:0;
      width:100vw;
      padding: 0px;
      background-color: white;
      margin-bottom: 0px;
      padding-bottom: 0px;
    }
    #logo
    { background-color: transparent;
    }
    #ScrollableContent
    { padding-top: 0px;
    }
    @media only screen and (max-width: 719px) 
    { #ScrollableContent
      { background: white;
      }
    }
    #content-wrapper
    { margin-left: 7vw; 
      margin-right: 5vw;
      margin-bottom: 15px; 
      height: auto;
    }
    ul 
    { list-style-type: none;
      margin-top:0;
      margin-bottom: 0;
      padding-bottom: 0;
      padding-left:0;
      display: flex;
      background-color: white;
      justify-content: center;
      font-size: 150%;
    }
    @media only screen and (max-width: 719px) 
    { ul
      { font-size: 120%;
      }
    }
    ul li span /*span is for the selected item (the non-link text) */
    { display: block;
      background-color: white;
      color: black;
      font-weight: bolder;
      padding-top: 1vh;
      padding-bottom: 1vh;
      padding-left: 1vw;
      padding-right: 1vw;
      border-right: 1px black;
    }
    ul li a 
    { display: block;
      background-color: #e3e3e3;
      color: #070970;
      border-right: 1px solid white;
      border-bottom: 2px solid white;
      padding-top: 1vh;
      padding-bottom: 0vh;
      padding-left: 1vw;
      padding-right: 1vw;
      text-decoration: none;
    }
    ul li a:hover 
    { background-color: #f2f9ab;
    }