.navbar {
    z-index: 30; /* Because the fading images overlap the navbar */
    background-color: rgb(23, 23, 23);
    position: sticky;
    top: 0;
    font-family: 'Open Sans', sans-serif;
  }
  
  .navbar ul{
      list-style: none;
      margin: 0%;
      padding: 0%;
  }
  
  .navbar li {
      display: inline-block;
      padding: 0 20px;
  }
  
  .navbar p:hover {
      color: rgb(206, 87, 18);
      cursor: default;
  }

  .navbar p {
    color: rgb(212, 215, 216);
    transition: 0.2s;
  }
  
  .navbar a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
      transition: 0.2s;
    }

    .dropdown {
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        border-radius: 0% 0% 10% 10%;
        background-color: rgb(23, 23, 23);
        min-width: 15rem;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-content a {
        color: rgb(212, 215, 216);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .dropdown-content a:hover {
        background-color: rgb(212, 215, 216);
        color: rgb(206, 87, 18);
    }
      
      .dropdown:hover .dropdown-content {display: block;}     


.dropdown-2 {
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
      }
      
      .dropdown-2-content {
        display: none;
        position: absolute;
        border-radius: 0% 0% 8% 8%;
        background-color: rgb(23, 23, 23);
        min-width: 15rem;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-2-content a {
        color: rgb(212, 215, 216);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .dropdown-2-content a:hover {
        background-color: rgb(212, 215, 216);
        color: rgb(206, 87, 18);
    }
      
      .dropdown-2:hover .dropdown-2-content {display: block;} 

      .dropdown-3 {
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
      }
      
      .dropdown-3-content {
        display: none;
        position: absolute;
        border-radius: 0% 0% 8% 8%;
        background-color: rgb(23, 23, 23);
        min-width: 5rem;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-3-content a {
        color: rgb(212, 215, 216);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .dropdown-3-content a:hover {
        background-color: rgb(212, 215, 216);
        color: rgb(206, 87, 18);
    }
      
      .dropdown-3:hover .dropdown-3-content {display: block;}