@font-face {
    font-family: 'Solartek Logo Full';
    src: url('../fonts/solartek-logo-full-regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.solartek-brand,
.title.solartek-brand,
.title-head.solartek-brand,
.timeline__title.solartek-brand,
.home-team .home-offers__title.solartek-brand,
.main-about__title,
.footer-navigation__name {
    font-family: 'Solartek Logo Full', var(--second-font), sans-serif;
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .laboratory__item--solartek .title.solartek-brand {
        font-size: clamp(20px, 6.2vw, 28px);
        line-height: 1.08;
    }
}

/* Match the space occupied by the former 560 x 108 wordmark. */
.solartek__logo.solartek-brand {
    width: 560px;
    max-width: 100%;
    margin: 0;
    font-size: 125px;
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 1499px) {
    .solartek__logo.solartek-brand {
        width: 464px;
        font-size: 103.57px;
    }
}

@media (max-width: 1199px) {
    .solartek__logo.solartek-brand {
        width: 342px;
        font-size: 76.33px;
    }
}

@media (max-width: 1199.98px) {
    .main-page .solartek__logo.solartek-brand {
        width: min(240px, 100%);
        font-size: 53.57px;
    }
}

@media (max-width: 767px) {
    .solartek__logo.solartek-brand {
        width: 240px;
        font-size: 53.57px;
    }
}

/* The phone's Bebas glyph advances total 5.708 em, including its spaces. */
.footer {
    --footer-phone-size: 5.4rem;
    --footer-logo-width: calc(var(--footer-phone-size) * 5.708);
}

.footer .footer__logo {
    display: block;
    width: var(--footer-logo-width);
}

.footer .footer__phone {
    font-size: var(--footer-phone-size);
}

.footer .logo__img--footer {
    width: 100%;
}

.footer .footer__order-label {
    display: block;
}

.footer .footer-navigation__name {
    font-size: 28px;
    line-height: 1.15;
}

@media (max-width: 1499px) {
    .footer { --footer-phone-size: 4.5rem; }
    .footer .footer-navigation__name { font-size: 24px; }
}

@media (max-width: 1199px) {
    .footer { --footer-phone-size: 3.6rem; }
    .footer .footer-navigation__name { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .footer__left {
        grid-template-columns: var(--footer-logo-width) repeat(2, max-content);
    }
}

@media (max-width: 767px) {
    .footer { --footer-phone-size: 3.2rem; }
    .footer .footer__left {
        grid-template-columns: var(--footer-logo-width) minmax(0, 1fr);
        column-gap: 16px;
    }
    .footer .footer__order { align-self: center; }
    .footer .footer__order-label { transform: translateY(1.5px); }
    .footer .footer-navigation__name { font-size: 21px; }
}

@media (max-width: 389px) {
    .footer .footer__left {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 24px;
    }
    .footer .footer__order {
        grid-column: 1;
        width: 100%;
        justify-self: start;
    }
}