/* Wrapper styles */
.logo {
    display: flex;
    align-items: center;
}

/* Logo image */
.logo img {
    height: 70px;        
    width: auto;         /* Keeps aspect ratio */
    object-fit: contain; /* Ensures image scales nicely */
    max-width: 100%;     /* Makes it responsive */
}

/* Responsive scaling for smaller screens */
@media (max-width: 768px) {
    .logo img {
        height: 50px;    /* Slightly smaller on tablets */
    }
}

@media (max-width: 480px) {
    .logo img {
        height: 40px;    /* Even smaller on phones */
    }
}