/* mod_serenade_logo — the navbar size/position (and the per-breakpoint
 * widths --nav-logo-w / -md / -sm) live in template.css (#logo), which this
 * task may not touch. The rules below only make the module intrinsically
 * fluid so it can never overflow its container at any viewport — they do not
 * override the explicit #logo widths on desktop. */

.mod-serenade-logo {
    display: inline-block;
    max-width: 100%;
}

.mod-serenade-logo__link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
}

.mod-serenade-logo__img {
    display: block;
    max-width: 100%;
    height: auto;
}