.mcg-info-page-mock {
    --mcg-black: #151515;
    --mcg-text: #5c5c5c;
    --mcg-muted: #8a8a8a;
    --mcg-line: #efefef;
    --mcg-bg: #f7f7f7;
    --mcg-blue: #2f66b6;
    --mcg-light-blue: #689ae3;
    --mcg-link: #346af8;
    color: var(--mcg-black);
}

.mcg-info-page-mock *,
.mcg-info-page-mock *::before,
.mcg-info-page-mock *::after {
    box-sizing: border-box;
}

.mcg-info-section {
    padding: 60px 0 80px;
    background: #fff;
}

.mcg-info-section--intro,
.mcg-info-section--gray {
    background: var(--mcg-bg);
    border-top: 0.4px solid var(--mcg-line);
    border-bottom: 0.4px solid var(--mcg-line);
}

.mcg-info-lead,
.mcg-info-subtitle,
.mcg-info-text,
.mcg-info-card p,
.mcg-info-card li,
.mcg-info-quote {
    margin: 0;
    font-family: "HelveticaNeueCyr-Roman", sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: var(--mcg-text);
}

.mcg-info-lead {
    width: 635px;
    max-width: 100%;
}

.mcg-info-title {
    margin: 0 0 32px;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: var(--mcg-black);
}

.mcg-info-text p + p {
    margin-top: 12px;
}

.mcg-about .mcg-info-section {
    padding: 60px 0 80px;
}

.mcg-about .mcg-info-title {
    margin-bottom: 32px;
}

.mcg-about .mcg-info-subtitle {
    max-width: 760px;
    margin: -24px 0 32px;
    letter-spacing: 0;
}

@media (max-width: 1190px) {
    .mcg-info-page-mock .content {
        width: calc(100% - 40px);
    }
}

@media (max-width: 760px) {
    .mcg-info-section,
    .mcg-info-section--intro,
    .mcg-info-section--gray {
        padding: 24px 0;
    }

    .mcg-info-page-mock .content {
        width: calc(100% - 32px);
    }

    .mcg-info-lead,
    .mcg-info-subtitle,
    .mcg-info-text,
    .mcg-info-card p,
    .mcg-info-card li,
    .mcg-info-quote {
        font-size: 12px;
        line-height: 20px;
    }

    .mcg-info-title {
        margin-bottom: 20px;
        font-family: "HelveticaNeueCyr-Medium", "HelveticaNeueCyr-Roman", sans-serif;
        font-size: 20px;
        line-height: 24px;
    }

    .mcg-about .mcg-info-section,
    .mcg-about .mcg-info-section--intro,
    .mcg-about .mcg-info-section--gray {
        padding: 32px 0;
    }

    .mcg-about .mcg-info-title {
        margin-bottom: 20px;
    }

    .mcg-about .mcg-info-subtitle {
        margin: -12px 0 20px;
    }
}