@charset "utf-8";
/* CSS Document */

 /* The navigation menu */
.navbar {
  overflow: visible;
  background-color:#000;
  width:100%;
    display: flex;
 justify-content: space-around;
}


/* Navigation links  right*/
.navbar a {
  float: ;
  font-size: 18px;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

 /* The navigation menu footer */
.navbar2 {
  overflow: visible;
  background-color:#000;
  width:100%;
  display: flex;
  justify-content: space-around;
 color:#FFF;
}
/* Navigation links  footer*/
.navbar2 a {
  float: ;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}



/* The subnavigation menu right*/
.subnav {
  float: ;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 18px;
  border: none;
  outline: none;
  color: white;
  padding: 10px 10px;
  background-color: inherit;
  margin: 0;
}

/* Add background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color:#333;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0px;
  background-color: #666;
  width: 100%;
  z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
  }

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #333;
  color: white;
}

/* When you move the mouse over the subnav container, open the subnav content   */
.subnav:hover .subnav-content {
  display: flex;
 justify-content: space-evenly;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 60%;
}