.site-branding {
    display: flex;
    align-items: center;
    min-width: 160px;
}

.custom-logo-link {
    display: flex;
    align-items: center;
}

.custom-logo {
    display: block;
    width: auto;
    max-width: 230px;
    max-height: 58px;
    object-fit: contain;
}

.footer-logo .custom-logo {
    max-width: 220px;
    max-height: 72px;
}

@media (max-width: 720px) {
    .custom-logo {
        max-width: 180px;
        max-height: 50px;
    }
}