.dropbtn {
      background-color: rgba(47, 85, 114, 0.6);/*#4CAF50;*/
      color: orange;
      padding: 16px;
      font-size: 18px;
      border: none;
      cursor: pointer;
      transition: background-color .3s ease-out;
      /*font-stretch: ultra-expanded;*/
      width: 200px;
    }
    
    .dropdown {
      /*position: relative;*/
      display: inline-block;
      position: absolute;
      z-index: 3;
     
    }
    
    .dropdown-content {
      display: none;
      position: absolute;
      color: orange;
      background-color: rgb(255,255,255,255,0.8);/*#f9f9f9;*/
      min-width: 120px; /*width*/
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: center;
    }

   /* 200 if the viewport is 800 pixels wide or wider,  160 if the viewport is between 400 and 799 pixels wide. 120 If the viewport is smaller than 400 pixels*/
  @media screen and (min-width:400px) {
    .dropdown-content {
      min-width: 160px;
      background-color: rgba(47, 85, 114, 0.6);
    }
    .dropbtn {
       width: 164px;
    }
  }
 @media screen and (max-width:320px) {
   .dropbtn {
      width: 114px;
   }
}

  @media screen and (min-width:800px) {
    .dropdown-content {
      min-width: 200px;
      background-color: rgba(47, 85, 114, 0.6);
    }
    .dropbtn {
       width: 200px;
    }
  }

/*Small Mobile: 320px - 479px
Large Mobile: 480px - 767px*/

    
    .dropdown-content a {
      color: orange;
      padding: 6px 18px;
      text-decoration: none;
      display: block;
    }
    
    .dropdown-content a:hover {
      background-color: rgba(47, 85, 114, .8);/*#f1f1f1;*/
    }
    
    .dropdown:hover .dropdown-content {
      display: block;
      color: black;
    }
    
    .dropdown:hover .dropbtn {
      background-color: rgba(47, 85, 114, 1);/*#3e8e41;*/
    }
    /* Added classes for footer */