/* Grimm combined branding - load AFTER screen.css, etharius.css and menu.css */
@media (min-width: 1201px) {
    .header-bar-float > .content-contain {
        display: flex;
        align-items: center;
        max-width: none;
        padding: 0 24px;
        gap: 28px;
    }

    .grimm-brand-desktop {
        display: block;
        flex: 0 1 43%;
        min-width: 0;
    }

        .grimm-brand-desktop img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 110px;
            object-fit: contain;
            object-position: left center;
        }

    .grimm-nav {
        flex: 1 1 57%;
        min-width: 0;
    }

        .grimm-nav #cssmenu > ul > li {
            width: 25%;
        }

            .grimm-nav #cssmenu > ul > li > a {
                font-size: clamp(13px, 1vw, 16px);
            }
}

@media (max-width: 1200px) {
    .grimm-brand-desktop {
        display: none;
    }

    .grimm-nav {
        width: 100%;
    }

    .column4logo {
        width: min(90vw, 650px);
        max-width: none;
        max-height: none;
    }

        .column4logo img {
            display: block;
            width: 100%;
            height: auto;
        }

    .logogap {
        height: auto;
        min-height: 100px;
    }
}
@media (min-width: 1201px) {
    .grimm-brand-desktop {
        transform: translate(-15px, -20px);
    }
}
.grimm-brand-desktop img {
    width: 105%;
    max-width: none;
}