/* keeps the nav bar attached to the top of the screen  */
#navBar {
    position: fixed;
    /* z-index sets which div's the current one is in front of or behind */
    z-index: 1;
    top: 0;
    width: 100%;
    background-color:#f0f8f7;
    padding: 1vh;
    box-shadow: 0px 0px 10px #6fb0bb;
    padding-top: 1%;
  }
  
  /* text colour in the nav bar. Needs to have "!important" to override bootstrap settings */
  .nav-link {
    color: black !important;
  }
  
  /* .nav-link.active targets the coloured nav button */
  .nav-link.active {
    background-color: #6fb0bb !important;
  }
  
  #navBarTitle {
    margin-left: 5%;
    display: inline-block; 
    /* font-family: zap4; */
    /* font-family: ReenieBeanie; */
    font-size: x-large;  
    color: #1e6477;
 
  }
  
  /* this moves the dropdown menus to the right within the nav bar */
  #navMenus {
    float: right;
  }