/* Display the supplied PNG in its original colours on every portal page.
   object-fit only trims the surrounding whitespace within the logo slot. */
:root .navbar .navbar-brand img[src$="/mare-vacanza-logo.png"] {
    width: 350px;
    height: 70px !important;
    max-width: 100%;
    object-fit: cover;
    filter: none !important;
}
:root .v2-footer-brand img[src$="/mare-vacanza-logo.png"] {
    width: 300px !important;
    height: 56px !important;
    max-width: 100%;
    object-fit: cover;
    filter: none !important;
    border-radius: 6px;
}
:root .mob-drawer-logo[src$="/mare-vacanza-logo.png"] {
    width: 240px;
    height: 50px;
    max-width: 100%;
    object-fit: cover;
    filter: none !important;
}
:root .hd-mobile-header__logo-img[src$="/mare-vacanza-logo.png"] {
    width: min(230px, calc(100vw - 152px));
    height: 44px;
    max-width: 100%;
    max-height: none;
    object-fit: cover;
    filter: none !important;
}
@media (max-width: 991px) {
    :root .navbar .navbar-brand img[src$="/mare-vacanza-logo.png"] {
        width: min(260px, calc(100vw - 152px));
        height: 52px !important;
    }
}