.navbar {
    padding-left: 0rem !important;
    margin-left: 55px;
    padding-top: 0.5rem;
    margin : 0 !important;

}
.navbar .nav-link {
    font-size: 1.2rem;
    color: black;
}
.navbar-logo {
    height: 100%;
    max-height: 5rem;
    object-fit: contain;
}

.nav-item.position-relative {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.navbar-slogan {
    font-style: italic;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: black;
}
.navbar-nav .nav-item .nav-link {
  display: inline-block; 
}

@media (max-width: 768px) {

  .navbar-logo {
    max-height: 4rem;
  }
  .navbar-slogan {
    font-size: 0.9rem;
    text-align: center;
  }
    #menu {
    justify-content: flex-start !important; 
    text-align: left !important;
  }

  #menu .navbar-nav {
    align-items: flex-start !important;
  }

  #menu .navbar-slogan {
    text-align: left !important;
  }
}