.logo {
            display: flex;
            align-items: center;
            z-index: 1001;
        }
.logo a {
    font-size: 1.5rem;
    font-weight: 700;
    colors: var(--denim-light);
}

 .logo a img {
            height: 85px;
            transition: all 0.3s ease;
        }
        .navbar.scrolled .logo a img {
            height: 85px;
        }
        @media (max-width: 768px) {
  
       /* Logo adjustments for mobile */
            .logo a img {
                height: 83px;
            }
            
            .logo a img {
                height: 38px;
            }
}
   @media (max-width: 480px) {
            .logo a img {
                height: 55px;
            }
            
          .logo a img {
                height: 35px;
            }
        }