header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 80px;
    width: 100%;
    box-sizing: border-box;
    background-color: #070707;
    background-size: 100%, auto;
    align-items: center;
    position: sticky;
    top: 0;
    min-height: 2em;
    opacity: 80%;
    z-index: 20;
  }




#logo {
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  flex: auto;
  width: 20%;
  
  
}

#logo a, h2{
    display: flex;
    flex-direction: column;
     color: #59D6CA;
     font-size: 1.3em;
}


/*Menu2*/
.men__mavigaation {
  display: flex;
  flex-direction: column;
  max-width: 250px;
  justify-content: center;
  align-items: center;
}
.men__mavigaation .navigation1 {
  flex-direction: column;
  min-width: 200px;
  max-width: 300px;
  width: auto;
  background-color: #b1b0ae;
  height: auto;
  float: left;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  display: none;
}
.men__mavigaation .navigation1 ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  align-items: center;
  justify-content: center;
  width: 93%;
}
.men__mavigaation .navigation1 ul a {
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.6em;
  color: #424142;
  padding: 2%;
  padding-left: 5%;
  background-color: #b1b0ae;
  border-radius: 10px;
  width: 80%;
  border-bottom: 1px #444444 dashed;
}
.men__mavigaation .navigation1 ul a:hover {
  color: #24beaf;
  background-color: #ebe6df;
  padding-left: 45px;
  transition: 1s;
}