.topnav {
overflow: hidden;
background-color:#F5EEF8;  
font-weight:600;
text-align:left;
width:100%;
}

.topnav a {

  float: left;

  display: block;

  color:#FFF;

  text-align: left;

  padding: 12px 14px;

  text-decoration: none;

  font-size: 14px;

  text-shadow:none;

  font-weight:600;
}

.active {

  background-color:transparent;

  color:#090;  font-weight:600;

}

.topnav .icon {

  display: none;

}

.dropdown {

  float: left;

  overflow: hidden;  font-weight:600;

  color:black;
  
}

.dropdown .dropbtn {

  font-size: 14px;    

  border: none;

  outline: none;

  color: white;

  padding: 14px 16px;

  background-color: inherit;

  font-family: inherit;

  margin: 0;  
  font-weight:600;

}

.dropbtn:hover

{

 border-top-color:#066;

  border-top-style:solid;

  border-top-width:3px; 	

}

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #F5EEF8;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;  
  font-weight:600;

 color:black;

}

.dropdown-content a {

  float: none;

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

    font-weight:600;
}

.topnav a:hover, .dropdown:hover .dropbtn {
    color: white;
    background-color:white;  
    font-weight:600;

}

.dropdown-content a:hover {

  color: black;
}

.dropdown:hover .dropdown-content {

  display: block;

  font-weight:600;

}