html, body
    { margin: 0;
      padding: 0;
      height: 100dvh;
      font-family: 'Times New Roman', Times, serif;
    }
    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: calc(3.2vh);
    }
    #menubar
    { display: flex;
      top:0;
      width:100vw;
      height:5vh;
      background-color: white;
    }
    #logo
    { background-color: transparent;
    }
    @media only screen and (max-width: 767px) 
    { #ScrollableContent
      { background: white;
      }
    }
    #content-wrapper
    { margin-left: 7vw; 
      margin-right: 5vw; 
      height: auto;
    }
    ul 
    { list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      border: 1px solid #e7e7e7;
      background-color: #f3f3f3;
      justify-content: center;
      height: auto;
    }
    ul li span
    { display: block;
      color: black;
      font-weight: bolder;
      border-left: 1px solid black;
      border-bottom: 1px solid black;
      border-right: 1px solid black;
      padding: 1vh 1vw;
      background-color: white;
    }
    ul li a 
    { display: block;
      color: #070970;
      border-right: 1px solid white;
      padding: 1vh 1vw;
      text-decoration: none;
    }
    ul li a:hover 
    { background-color: #f2f9ab;
    }