::placeholder{
  color: white;
}

#header-mobile {
    display: none;
}

#header-desktop {
    display: block;
}

#myLinks {
    display: none;
}

#footer-desktop{
  display: block;
}

#myLinks a {
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown-button{
  padding: 0 25px 10px 25px;
  display: inline-block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  outline: none;
  text-decoration: none;
  border-bottom: 3px solid rgba(0,0,0,0);


}

.dropdown-button:hover {
  text-decoration: none;
  border-bottom: 3px solid orange;

}

.dropdown-options {
  display: none;
  position: absolute;
  overflow: auto;
  background-color: white;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
  width: 200px;
  border-radius: 5px;
  z-index: 999;
}

.dropdown-options-mobile {
  display: none;
  position: fixed;
  overflow: auto;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
  width: 200px;
  border-radius: 5px;
  z-index: 999;
}

.dropdown:hover .dropdown-options-mobile {
  display: block;
}

.dropdown:hover .dropdown-options {
  display: block;
}

.dropdown-options a {
  display: block;
  color: black;
  padding: 5px;
  text-decoration: none;
  padding:15px 20px;
  font-weight: bold;
}

.dropdown-options a:hover {
  color: orange;
  border-bottom: 3px solid orange;

}

.nav-menu a {
  padding: 0 8px 10px 8px;
  padding: 0 25px 10px 25px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  outline: none;
}

@media only screen and (max-width: 1350px){
    #footer-mobile {
    display: block;
    }
    
    #footer-desktop{
        display: none;
    }
    
    #header-desktop {
        display: none;
    }
    
    #header-mobile {
    display: block;
    }
}