.brand {
  max-width: min(340px,50vw);
}

.fixed-top.scrolled {
  background-color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.fixed-top {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.navbar .nav-item > a {
  font-size: 18px;
}

.navbar .btn {
  background-color: var(--bs-secondary-bg);
}

.navbar > .container {
  max-width: 100%;
}

@media (min-width: 1400px) {
  .navbar > .container {
    max-width: 1900px;
    width: 90vw;
  }
}

#banner {
}