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

.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;
}

@media (max-width: 1199.98px) {
  #navbar .navbar-nav {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

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

@media (max-width: 1199.98px) {
  #navbar .nav-item > a {
    font-size: 20px;
    margin-top: 12px;
  }
}

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

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

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

@media (max-width: 1199.98px) {
  #navbar {
    background: white;
  }
}

/* Κεντράρισμα ολόκληρου του mobile menu */

@media (max-width: 1199.98px) {
  #navcol-1 {
    text-align: center;
  }
}

/* Κεντράρισμα βασικών links */

@media (max-width: 1199.98px) {
  #navcol-1 .navbar-nav {
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 1199.98px) {
  #navcol-1 .nav-item {
    width: 100%;
  }
}

@media (max-width: 1199.98px) {
  #navcol-1 .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
}

/* Κεντράρισμα dropdown links */

@media (max-width: 1199.98px) {
  #navcol-1 .dropdown-menu {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 1199.98px) {
  #navcol-1 .dropdown-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
}

/* Κεντράρισμα του κουμπιού */

@media (max-width: 1199.98px) {
  #navcol-1 > .btn {
    display: inline-flex;
    width: auto;
    margin: 18px auto 5px !important;
  }
}