.content {
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1100px;
}
.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 30px 0;
}
.info__left {
    width: 40%;
    background: #2d9aa8;
    color: white;
}
.amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 35px 40px 40px 37px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.amount__num {
    font: bold 200px 'Roboto';
}
.amount__measure {
    font: bold 100px 'Roboto';
    text-align: center;
    line-height: 72px;
}
.info__left_description {
    background: #ff5e56;
    text-align: center;
    padding: 12px 0 12px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font: 20px 'Roboto';
    display: block;
    width: 105%;
    z-index: 10;
    position: relative;
}
.info__left_description:after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
    border-top: 11px solid #c8080d;
    border-left: 11px solid #c8080d;
    top: 46px;
    right: 0;
    z-index: 10;
}
.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 37px;
    margin: 0 0 120px 0;
    font: 17px 'Roboto';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.contacts__email {
    margin-bottom: 5px;
}
.info__app {
    width: 60%;
    z-index: -2;
}
.info__app_img {
    width: 100%;
    max-width: 670px;
}
.section-why {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 60px 0;
}
.why {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 50%;
    padding: 75px 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.why__title {
    font: bold 30px 'Roboto';
    color: #2d9aa8;
    text-transform: uppercase;
    margin: 0 0 50px 0;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.why__img {
    width: 100%;
    z-index: -1;
}
.scope-wrapper {
    width: 45%;
    background: #2d9aa8;
    padding: 75px 60px 75px 0;
    padding-right:0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.scope {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.scope__title {
    padding-left: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}
.scope__title_logo {
    margin: 0 10px 0 0;
}
.scope__title_text {
    color: white;
    text-align: left;
    font: 20px 'Roboto';
    text-transform: uppercase;
    margin: 0;
}
.scope__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 120px 10px 37px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    background: #ff5e56;
    margin-bottom: 15px;
    z-index: 10;
    position: relative;
}
.scope__amount:before {
    content: '';
    position: absolute;
    background: #ff5e56;
    width: 20px;
    height: 59px;
    display: block;
    top: 0;
    left: -20px;
    z-index: 10;
}
.scope__amount:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #c8080d;
    border-right: 10px solid #c8080d;
    top: 58px;
    left: -20px;
    z-index: 10;
}
.scope__amount_num {
    font: bold 40px 'Roboto';
    margin: 0 4px 0 0;
}
.scope__amount_measure {
    font: bold 20px 'Roboto';
    text-align: left;
    line-height: 20px;
}
.scope__amount-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 15px;
}
.scope__amount-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    background: #ff5e56;
    padding: 0 30px 10px 37px;
    position: relative;
}
.scope__amount-last:nth-of-type(1):before {
    content: '';
    position: absolute;
    background: #ff5e56;
    width: 20px;
    height: 59px;
    display: block;
    top: 0;
    left: -20px;
    z-index: 10;
}
.scope__amount-last:nth-of-type(1):after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #c8080d;
    border-right: 10px solid #c8080d;
    top: 58px;
    left: -20px;
    z-index: 10;
}
.scope__amount-last:nth-of-type(1) {
    padding: 0 0 0 37px;
}
.scope__amount-last:nth-of-type(2) {
    padding: 0 10px 0 0;
}
.scope__amount_or {
    color: white;
    background: #ff5e56;
    font: bold 15px 'Roboto';
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 21px 5px 21px 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.scope__description {
    color: white;
    font: 14px 'Roboto';
    margin: 0 0 15px 0;
    padding-left: 37px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.goal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 40px 0;
}
.goal__title {
    color: #2d9aa8;
    text-transform: uppercase;
    font: bold 30px 'Roboto';
    text-align: center;
    width: 100%;
    margin: 0;
}
.goal__title_highlight {
    background: #ff5e56;
    color: white;
}
.goal__diagram {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    padding: 0 20px 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.goal__diagram_img {
    display: block;
    width: 60%;
}
.diagram__text-wrapper {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding-top: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.diagram__text-wrapper:before {
    content: url(img/arrow.png);
    width: 180px;
    height: 150px;
    display: block;
    position: absolute;
    top: -60px;
    left: 40px;

}
.diagram__text_arrow {
    display: block;
    width: 180px;
    height: 140px;
}
.diagram__text {
    font: 18px 'Roboto';
    margin: 0 0 20px 0;

}
.diagram__text_bold {
    font-family: bold 'Roboto';
}
.components {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0 0 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin: 0 0 0 0;
}
.components:after {
    content: '';
    background: #2d9aa8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 250px;
    z-index: -1;
}
.components__title {
    color: white;
    text-transform: uppercase;
    font: bold 25px 'Roboto';
    margin: 0 0 10px 0;
}
.components__arrow {
    width: 70%;
    height: 90px;
}
.components-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.components__item {
    width: 30%;
}
.components__item_img {
    width: 100%;
}
.components__item_text {
    text-align: center;
    font: 15px 'Roboto';
}
.section-save {
    width: 100%;
    min-height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 0 30px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.save-wrap {
    background: #2d9aa8;
    width: 100%;
    padding: 60px 30px 50px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    position: relative;
}
.save__title {
    font: bold 25px 'Roboto';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%
}
.save__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 60px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.save__amount_num {
    font: bold 85px 'Roboto';
}
.save__amount_measure {
    font: bold 45px 'Roboto';
    text-align: center;
    line-height: 35px;
}
.save__contact_remade {
    font: 17px 'Roboto';
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%
}

.save-wrap:after {
    content: '';
    background: white;
    position: absolute;
    bottom: 0;
    display: block;
    width: 70%;
    height: 1px;
    margin: 0 auto;
}
.section-save .contacts {
    background: #2d9aa8;
    width: 30%;
    padding: 20px 30px 100px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 950px) {
    .diagram__text-wrapper:before {
        left: 0;
    }
}
@media screen and (max-width: 830px) {
    .info__left_description {
        font: 17px 'Roboto';
        width: 100%;
    }
    .info__left_description:after {
        display: none;
    }
    .amount__num {
        font: bold 170px 'Roboto';
    }
    .amount__measure {
        font: bold 80px 'Roboto';
        line-height: 62px;
    }
    .components:after {
        height: 220px;
    }
}
@media screen and (max-width: 760px) {
    .amount__num {
        font: bold 130px 'Roboto';
    }
    .amount__measure {
        font: bold 60px 'Roboto';
        line-height: 42px;
    }
}
@media screen and (max-width: 1020px) {
    .amount {
        padding: 35px 0 40px 0;
    }
}

.row {
    display: flex;
}

.header-images {
    margin:1rem 0;
}
.header-images .flex-item {
    width:33.3%;
    margin:0 .5rem;
    box-sizing: border-box;
}

.header-images .flex-item img {
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}