/* === Container === */
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
}

@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
}

/* === Header-promo === */
.site-header {
    background: linear-gradient(100deg, #00a5e4 4.19%, #59f5df 105.63%);
    margin-bottom: 60px;
    padding: 54px 0;
}
@media (max-width: 768px) {
    .site-header {
        margin-bottom: 34px;
        padding: 32px 0;
    }
}

/* Сетка внутри шапки */
.site-header--row {
    display: grid;
    grid-template-columns: 1fr 400px;
    align-items: center;
    grid-gap: 20px;
}
@media (max-width: 768px) {
    .site-header--row {
        display: block;
    }
    .site-header--row > section {
        display: flex;
        flex-direction: column;
        place-content: center;
        place-items: center;
        text-align: center;
    }
}

/* Заголовок */
.site-header__title {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}
.site-header__title b,
.site-header__title span,
.site-header__title strong {
    color: #F9BC28;
    font-weight: 700;
}
@media (max-width: 768px) {
    .site-header__title {
        font-size: 26px;
    }
}

/* Подзаголовок-текст */
.site-header__text {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Изображения */
.site-header__img {
    display: flex;
    place-content: center;
    place-items: center;
    width: 100%;
}
.site-header__img img {
    width: 100%;
    max-width: 210px;
    height: auto;
}

/* Показываем/скрываем картинки в зависимости от размера экрана */
.site-header__img.show-mob { display: none; }

@media (max-width: 768px) {
    .site-header__img        { margin-bottom: 24px; }
    .site-header__img.show-mob { display: flex; }
    .site-header__img.hide-mob { display: none; }
}