/* Logo size reduction */
.logo {
    max-width: 100px;
    display: flex;
    align-items: center;
}

.logo img {
    height: 30px;
    width: auto;
    object-fit: contain;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .logo {
        max-width: 80px;
    }
    
    .logo img {
        height: 25px;
    }
}

@media (max-width: 575.98px) {
    .logo {
        max-width: 70px;
    }
    
    .logo img {
        height: 22px;
    }
}