#mynavmedia{display: none;}
.mynav{

  z-index: 10;
  font-weight: bold;
  justify-content: center;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.363);
}

.mynav li{
  z-index: 11;
}
.mynav ul {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;

}
.mynav li:not(:last-child) {
  margin-right: 20px;
}
.mynav a {
  display: block;
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  padding: 7px 15px;
}
.target {
  z-index: 9;
  position: absolute;
  border-bottom: 3px solid transparent;
  transform: translateX(-60px);
}
.mynav a,
.target {
  transition: all .35s ease-in-out;
}

@media screen and (max-width: 1100px){
  .mynav{
    background-color: rgba(0, 0, 0, 0.45);
  }
  .mynav a {
    font-size: 16px;
    padding: 7px 11px;
  }
}
@media screen and (max-width: 410px){
  #mynavpc{display: none;}
  #mynavmedia{display: block;}
  .mynav a {
    font-size: 14px;
    padding: 5px 9px;
  }
  .mynav ul{
    margin-bottom: 0px;
  }
}