.header .logo.logo-wraper,
.footer .logo.logo-wraper {
    gap: 8px;
    line-height: 1;
}

.header .logo.logo-wraper img,
.footer .logo.logo-wraper img {
    display: block;
    width: 32px;
    height: 36px;
    max-width: 32px;
    margin: 0;
    flex: 0 0 32px;
    object-fit: contain;
}

.header .logo.logo-wraper span,
.footer .logo.logo-wraper span {
    margin-left: 0;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
    text-transform: none;
}

@media (max-width: 768px) {
    .header .logo.logo-wraper img,
    .footer .logo.logo-wraper img {
        width: 28px;
        height: 32px;
        max-width: 28px;
        flex-basis: 28px;
    }

    .header .logo.logo-wraper span,
    .footer .logo.logo-wraper span {
        font-size: 20px;
    }
}
