/* Keep the storefront logo readable without stretching the artwork. */
.main-menu .main-menu__logo {
    flex-shrink: 0;
}
.main-menu .main-menu__logo > a {
    display: inline-flex;
    align-items: center;
    width: 180px;
    max-width: 100%;
}
.main-menu .main-menu__logo > a > img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    max-height: 76px;
    object-fit: contain;
}
@media (max-width: 1199px) {
    .main-menu .main-menu__logo > a { width: 150px; }
    .main-menu .main-menu__logo > a > img { max-height: 64px; }
}
@media (max-width: 575px) {
    .main-menu .main-menu__logo > a { width: 130px; }
    .main-menu .main-menu__logo > a > img { max-height: 56px; }
}