/* Ensure the logo is displayed properly on all devices */
.site-logo img {
    max-width: 100%;   /* This ensures the logo fits within its container */
    height: auto;      /* Maintains the aspect ratio */
}

/* Optional: Adjust logo size on mobile */
@media (max-width: 768px) {
    .site-logo img {
        max-width: 80%; /* Adjust this percentage as per your requirement */
    }
}