/* Logo styling */
#header .header-logo img {
  height: calc(var(--header-height) - 20px);
  transition: height 0.3s ease;
  max-width: 200px; /* Control the width of the logo */
}

#header.scrolled .header-logo img {
  height: calc(var(--header-height-reduced) - 15px);
}

.navbar-brand.header-logo {
  display: flex;
  align-items: center;
}

.navbar-brand.header-logo a {
  display: flex;
  align-items: center;
}