/* Header logo — site-wide */

/* Header logo link - desktop default */
.site-logo {
display: block;
width: 28%;          /* smaller than before for desktop */
margin-left: 1rem;   /* 1rem spacing from the left */
}
.site-logo img {
display: block;
width: 100%;
height: auto;
}
/* Tablet: 769px–1024px */
@media (max-width: 1024px) and (min-width: 769px) {
.site-logo {
width: 40%;        /* smaller logo on tablet */
margin-left: 0.75rem;
}
}
/* Mobile: up to 768px */
@media (max-width: 768px) {
.site-logo {
width: 40%;        /* wide enough to read, not huge */
margin: 0 auto;    /* center horizontally */
text-align: center;
}
.site-logo img {
margin: 0 auto;
}
}