.navbar-brand {
  padding: 0px 4px 0px 10px;
}

.navbar-custom {
  background: var(--bs-primary) !important;
  border-style: none;
}

@media (min-width: 992px) {
  .container-nav {
    padding: .5rem 2rem .5rem 2rem !important;
    margin: 1rem auto 1rem auto !important;
  }
}

@media (min-width: 300px) {
  .navbar-custom {
    padding: 1rem .5rem 1rem .5rem;
    background-color: rgba(0,0,0,.7);
  }
}

nav a {
  color: rgb(255,255,255) !important;
}

@media (min-width: 992px) {
  .navbar-custom {
    padding: 0 !important;
    background-color: rgba(0,0,0,.7);
  }
}