.brand-context {
  --brand-primary: #ff4900;
  --brand-secondary: #64544d;
  --brand-surface: #ffffff;
  --brand-text: #333333;
  --brand-logo-height: 48px;
}

.brand-context .navbar-brand {
  display: inline-flex;
  align-items: center;
  min-height: var(--brand-logo-height);
}

.brand-context .navbar-brand .img-logo,
.brand-context .navbar-brand .brand-logo {
  display: block;
  width: auto;
  max-width: min(260px, 58vw);
  max-height: var(--brand-logo-height);
  object-fit: contain;
}

.brand-context .btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.brand-context .btn-primary:hover,
.brand-context .btn-primary:focus {
  filter: brightness(.92);
}

@media (max-width: 719px) {
  .brand-context {
    --brand-logo-height: 42px;
  }

  .brand-context .navbar-brand .img-logo,
  .brand-context .navbar-brand .brand-logo {
    max-width: min(210px, 52vw);
  }
}