:root {
    --h2-block-with-gray-descr-title-fw: 400;
    --h2-block-with-gray-descr-title-fs: 32px;
    --h2-block-with-gray-descr-title-padding: 20px 20px 0;
    --h2-block-with-gray-descr-title-margin: 0 auto 20px;
    --h2-block-with-gray-descr-gray-block-padding: 20px;
    --h2-block-with-gray-descr-text-padding: 0 20px;
    --h2-block-with-gray-descr-gray-text-margin: 0 auto;
    --h2-block-with-gray-descr-text-margin: 0 auto 10px;
    --h2-block-with-gray-descr-gray-text-fs: 18px;
    --h2-block-with-gray-descr-gray-text-fw: 300;
}

.h2_with_gray_descr, .h2_with_descr {
    padding: var(--h2-block-with-gray-descr-title-padding);
    font-weight: var(--h2-block-with-gray-descr-title-fw);
    line-height: var(--h2-block-with-gray-descr-title-fs);
    margin: var(--h2-block-with-gray-descr-title-margin);
    font-size: var(--h2-block-with-gray-descr-title-fs);
    max-width: var(--mw);
    text-align: center;
}

.block_with_gray_text {
    padding: var(--h2-block-with-gray-descr-gray-block-padding);
    background-color: var(--background-hover);
}

.block_with_gray_text > .text_into_gray_block {
    font-weight: var(--h2-block-with-gray-descr-gray-text-fw);
    margin: var(--h2-block-with-gray-descr-gray-text-margin);
    font-size: var(--h2-block-with-gray-descr-gray-text-fs);
    white-space: pre-line;
    max-width: var(--mw);
    text-align: justify;
}

.text_with_h2 {
    font-weight: var(--h2-block-with-gray-descr-gray-text-fw);
    font-size: var(--h2-block-with-gray-descr-gray-text-fs);
    padding: var(--h2-block-with-gray-descr-text-padding);
    margin: var(--h2-block-with-gray-descr-text-margin);
    white-space: pre-line;
    max-width: var(--mw);
    text-align: justify;
}

@media only screen and (max-width: 1024px) {
    :root {
        --h2-block-with-gray-descr-title-fs: 28px;
    }
}


@media only screen and (max-width: 768px) {
    :root {
        --h2-block-with-gray-descr-title-fs: 25px;
        --h2-block-with-gray-descr-gray-block-padding: 15px 10px;
        --h2-block-with-gray-descr-text-padding: 0 10px;
        --h2-block-with-gray-descr-title-padding: 10px 10px 0;
        --h2-block-with-gray-descr-title-margin: 0 0 10px;
    }
}