.drop {
    position: relative;
    display: inline-block;
    z-index:1;
  }
  
  #dropdown-content {
    display: none;
    position: absolute;
    background-color: #0c0a0a;
    min-width:300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 5;
    list-style:none;
    color:white;
    padding-left:30px;
    
  }
  #dropdown-content li a{ color:white;}
  #dropdown-content li a:hover{ color:yellow;}
  /*
  .drop:hover .dropdown-content {
    display: block;
  }*/

  @media (max-width: 576px) {
    #dropdown-content {
      display: none;
      position: relative;
      background-color: #f9f9f9;
      min-width:300px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      padding: 12px 16px;
      z-index: 5;
      list-style:none;
      
    }
    #dropdown-content li a{ color:black;}
  }