:root {
    --header-height: 78px;
    --header-photo-vertical-padding: 50px;
    --header-photo-title-font-weight: 400;
    --header-photo-title-font-size: 40px;
    --header-photo-title-color: #FFFFFF;
    --header-photo-border: 2px solid #FFFFFF;
    --header-photo-min-height: 750px;
    --header-photo-descr-font-size: 24px;
    --header-photo-descr-font-weight: 300;
    --header-photo-descr-max-width: 1200px;
}

.info_header_promo__container {
    padding-top: var(--header-height);
    justify-content: center;
    flex-direction: column;
    align-content: center;
    display: flex;
    width: 100%;
}

.info_header_promo__container > .info_header_promo__background {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%), url("/static/public/avif/terms/mercedes.jpg") no-repeat center;
    min-height: var(--header-photo-min-height);
    border-bottom: var(--header-photo-border);
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    align-items: start;
    display: flex;
    width: 100%;
}

.info_header_promo__container > .info_header_promo__background > .info_header_promo__title {
    font-weight: var(--header-photo-title-font-weight);
    font-size: var(--header-photo-title-font-size);
    padding: var(--header-photo-vertical-padding);
    color: var(--header-photo-title-color);
    align-items: center;
    text-align: start;
    width: 100%;
    margin: 0;
}

.info_header_promo__container > .info_header_promo__background > .info_header_promo__description {
    font-weight: var(--header-photo-descr-font-weight);
    font-size: var(--header-photo-descr-font-size);
    max-width: var(--header-photo-descr-max-width);
    padding: var(--header-photo-vertical-padding);
    color: var(--header-photo-title-color);
    white-space: break-spaces;
    box-sizing: border-box;
    align-items: center;
    text-align: start;
    width: 100%;
}

@media only screen and (max-width: 860px) {
    :root {
        --header-photo-min-height: 600px;
        --header-height: 68px;
    }
}

@media only screen and (max-width: 640px) {
    :root {
        --header-photo-title-font-weight: 300;
        --header-photo-vertical-padding: 30px;
        --header-photo-title-font-size: 32px;
        --header-photo-descr-font-size: 20px;
        --header-photo-descr-font-weight: 200;
    }
}