/* Responsive Logo Styles */
.site-logo-responsive {
    display: block;
    max-height: 50px;
    width: auto;
    height: auto;
    max-width: 180px;
    object-fit: contain;
}

@media (max-width: 768px) {
    .site-logo-responsive {
        max-height: 40px;
        max-width: 150px;
    }
}

@media (max-width: 480px) {
    .site-logo-responsive {
        max-height: 35px;
        max-width: 120px;
    }
}

/* Footer logo */
.footer .site-logo picture img {
    max-height: 45px;
    width: auto;
}

@media (max-width: 768px) {
    .footer .site-logo picture img {
        max-height: 38px;
    }
}