/* Removes maximum height and allows the logo to scale to full width */
.pkp_site_name .is_img img {
    display: block;
    max-height: none !important; /* Overrides default OJS height limits */
    max-width: 100%;             /* Ensures it fits within the screen/container */
    width: 100%;                 /* Forces it to full container width */
    height: auto;                /* Maintains aspect ratio */
}

/* Optional: Centers the logo if it's not wide enough to fill the space */
.pkp_site_name .is_img {
    text-align: center;
}