.brand-logo {
  width: 20rem;
  height: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nav-item .nav-link {
  text-transform: uppercase;
  color: var(--text-color);
  background-color: transparent;
  min-width: 11rem;
  border-left: 1px solid #865151;
}
@media (max-width: 767.98px) {
  .nav-item .nav-link {
    color: var(--text-color);
    background-color: transparent;
    min-width: 100%;
    border-left: none;
  }
  .brand-logo {
    width: 12rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .brand-logo {
    width: 11rem;
  }
}
@media (max-width: 1199.98px) {
  .container-header {
    display: block;
  }
}