.section--header-block {
    position: relative;
}

.shape-block_header-right {
    top: -55%;
    left: 0;
}

@media only screen and (max-width: 1440px) {
    .shape-block_header-right {
        left: -3%;

        transform: scale(0.8);
    }
}

@media only screen and (max-width: 1024px) {
    .shape-block_header-right {
        left: -6%;

        transform: scale(0.6);
    }
}

@media only screen and (max-width: 768px) {
    .shape-block_header-right {
        left: -15%;

        transform: scale(0.4);
    }
}

.section--header-block .header-shape {
    top: -20px;
    left: 15px;
}

@media only screen and (max-width: 768px) {
    .section--header-block .header-shape {
        left: -15%;

        transform: scale(0.5);
    }
}

.section--header-block .container--header-block {
    padding: 110px 0;
}

@media only screen and (max-width: 1024px) {
    .section--header-block .container--header-block {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 460px) {
    .section--header-block .container--header-block {
        padding: 40px 0;
    }
}

.section--header-block .container--header-block h1.margin,
.section--header-block .container--header-block h2.margin {
    font-size: var(--h2--font-size);
    margin-bottom: 50px;
}

@media only screen and (max-width: 1440px) {
    .section--header-block .container--header-block h1.margin,
    .section--header-block .container--header-block h2.margin {
        font-size: var(--h2--font-size--large);
    }
}

@media only screen and (max-width: 1280px) {
    .section--header-block .container--header-block h1.margin,
    .section--header-block .container--header-block h2.margin {
        font-size: var(--h2--font-size--desktop);
    }
}

@media only screen and (max-width: 1024px) {
    .section--header-block .container--header-block h1.margin,
    .section--header-block .container--header-block h2.margin {
        font-size: var(--h2--font-size--tablet);
        margin-bottom: 36px;
    }
}

@media only screen and (max-width: 768px) {
    .section--header-block .container--header-block h1.margin,
    .section--header-block .container--header-block h2.margin {
        font-size: var(--h2--font-size--mobile_landscape);
    }
}

@media only screen and (max-width: 460px) {
    .section--header-block .container--header-block h1.margin,
    .section--header-block .container--header-block h2.margin {
        font-size: var(--h2--font-size--mobile);
        margin-bottom: 20px;
    }
}

.section--header-block .container--header-block p {
    line-height: var(--line_hight--large);
}