.navbar-brand.logo {
    
    width:auto;
    height:auto;/* Add styles specific to the navbar-brand with class logo */
    
}

.navbar-brand.logo img {
    max-height: 90px; /* Set maximum height for the logo */
    width: auto; /* Allow the width to adjust proportionally */
    display: block; /* Remove any extra space around the image */
}

@media (max-width: 767px) {
    /* Media query for smaller screens (e.g., mobile devices) */
    .navbar-brand.logo img {
        max-height: 50px; /* Adjust logo size for smaller screens */
    }
}