header{
    margin-top: 20px;
    border-radius: 25px;
    z-index: 10;
    margin: 20px 30px;
}

header .nav-link{
    color: black;
    padding-bottom: 2px;
}

header ul a:hover{
    border-bottom: 1px solid black;
    cursor: pointer;
    color: black !important;
}

@media only screen and (max-width: 991px) {
  #navbarSupportedContent{
    text-align: center;
  }

  #navbarSupportedContent li{
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid black;
  }
}

#logo{
  position: relative;
  top: 4px;
}

@media screen and (max-width: 470px) {
  
  #logo img{
    max-height: 45px !important;
  }
}

@media screen and (max-width: 340px) {
  
  #logo img{
    max-height: 40px !important;
  }
}

#navbarSupportedContent a:hover{
  border: none !important;
}