:root {
    --about-block-padding: var(--page-block-vertical-padding) 0 var(--page-block-vertical-padding) 80px;
    --about-page-slogan-margin-bottom: 100px;
    --about-page-slogan-margin: 0 0 var(--about-page-slogan-margin-bottom);
    --about-page-padding: var(--page-vertical-padding) var(--page-vertical-padding);
}

.main > .about_page_container {
    padding: var(--about-page-padding);
    box-sizing: border-box;
    overflow-y: scroll;
    width: 100%;
}

.main > .about_page_container > .about_page_container_header {
    font-weight: var(--sub-header-text-font-weight);
    line-height: var(--usual-text-line-height);
    margin: var(--about-page-slogan-margin);
    font-size: var(--usual-text-font-size);
    letter-spacing: var(--letter-spacing);
    padding: var(--about-block-padding);
    color: var(--text-main-color);
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: start;
    padding-top: 0;
    width: 100%;
}

@media only screen and (max-width: 1440px) {
    :root {
        --about-block-padding: var(--page-block-vertical-padding) 0 var(--page-block-vertical-padding) 50px;
    }
}

@media only screen and (max-width: 1240px) {
    :root {
        --about-block-padding: var(--page-block-vertical-padding) 0 var(--page-block-vertical-padding) 35px;
        --about-page-slogan-margin-bottom: 80px;
    }
}

@media only screen and (max-width: 960px) {
    :root {
        --about-block-padding: var(--page-block-vertical-padding) 0 var(--page-block-vertical-padding) var(--page-block-vertical-padding);
        --about-page-slogan-margin-bottom: 60px;
    }

    .main > .about_page_container {
        overflow-y: unset;
    }
}