.brand-logo {
    display: inline-flex;
    width: min(280px, 32vw);
    height: 58px;
    flex: 0 0 auto;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.brand-logo-footer {
    width: 250px;
    filter: brightness(0) invert(1);
    opacity: .96;
}

@media (max-width: 760px) {
    .brand-logo {
        width: 190px;
        height: 48px;
    }
}

@media (max-width: 390px) {
    .brand-logo {
        width: 162px;
    }
}