.menu-bar {

  text-align: center;
 
}

.menu-bar li {

}

.menu-bar ul li{

 
/*  margin: 15px; */
   padding: 0.6vw; 
}

.menu-bar ul li a{

  text-decoration: none;

}

.active, .menu-bar ul li:hover {

  color: black; 
  border-radius: 3px;

}

.sub-menu-1 {
  display: none; 

}

.menu-bar ul li:hover .sub-menu-1{

  display: inherit; 
  position: absolute; */
  transition: .5s ease;
/*  margin-top: 100px;
  margin-left: -10vw; */
}