.site-brand__logo {
    display: block;
    width: auto;
    height: 42px;
    max-width: 220px;
    object-fit: contain;
}

.site-footer__logo {
    display: block;
    width: auto;
    height: 46px;
    max-width: 230px;
    margin-bottom: 14px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

@media (max-width: 700px) {
    .site-brand__logo {
        height: 36px;
        max-width: 190px;
    }

    .site-footer__logo {
        height: 40px;
        max-width: 210px;
    }
}