/* Header wrapper */
.header-image {
    width: 100%;
    text-align: center;     /* center logo horizontally */
    margin: 0 auto;
    padding: 0;
}
  
/* Logo defaults (desktop behavior) */
.header-logo {
    display: block;
    margin: 0 auto;         /* center horizontally */
    max-width: 1200px;       /* desktop cap */
    /* width: 100%; */
    height: auto;
}
  
/* Mobile overrides */
@media (max-width: 768px) {
    .header-logo {
        max-width: 100%;      /* take full width */
    }
}