*
{
  padding: 0;
  margin: :0;
  box-sizing:border-box;
}
body{

 font-family: Cambria;
  font-size: 16px;
  font-weight: bold;
  
   font-size: 14px;
}
.menu-bar{


text-align: center;
margin: 0px;
padding: 0px;

}
.menu-bar ul{
  display: inline-flex;

  list-style: none;
}
.menu-bar ul li{

  width: 150px;
  margin: 5px;
  padding: 5px;
}
.menu-bar ul li a {

  text-decoration: none;
  color: #fff;
}

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

  background: #4e5052;
 

}
.sub-menu-1{

  display: none;

}

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

  display: block;
  position: absolute;
 
  margin-top: 0px;
  margin-left: -15px;


}
.menu-bar ul li:hover .sub-menu-1 ul{
  display: block;
  margin:10px;
}

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

width: 150px;
padding: 10px;
border-bottom: 1px dotted #fff;
background: transparent;

border-radius: 0;
text-align: center; 
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child{

 
  border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li:hover{

  color: #b12c1b;

}

.table-hover{
  color: aqua;
  
  
 

}