/* Text Block (довільний текстовий блок для гнучкого поля)
   ──────────────────────────────────────────── */

.text-block-flex {
    padding: 24px;
}

.text-block-flex__content {
    /*max-width: 800px;*/
    margin: 0 auto;
    font-family: 'Arial', Serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #1C1F22;
}

.text-block-flex__content > *:first-child {
    margin-top: 0;
}

.text-block-flex__content > *:last-child {
    margin-bottom: 0;
}

.text-block-flex__content h1,
.text-block-flex__content h2,
.text-block-flex__content h3,
.text-block-flex__content h4 {
    font-family: 'FixelDisplay', Serif;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    color: var(--green-primary, #4A853E);
    text-transform: uppercase;
}

.text-block-flex__content p {
    margin: 0 0 16px;
}

.text-block-flex__content ul,
.text-block-flex__content ol {
    margin: 0 0 16px;
    padding-left: 20px;
}

.text-block-flex__content a {
    color: #4C8840;
}

@media (max-width: 576px) {
    .text-block-flex {
        padding: 24px;
    }

    .text-block-flex__content {
        font-size: 14px;
        line-height: 20px;
    }
    .text-block-flex__content h1,
    .text-block-flex__content h2,
    .text-block-flex__content h3,
    .text-block-flex__content h4 {

        font-size: 24px;

    }
}