section.about.bg-block {
    background: url(img/easy-build/easy-mob.jpg), lightgray 50% / cover no-repeat;
    padding: 40px 0;
    background-size: 100% auto;
    margin-top: 60px;
}

.bg-block_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 440px;
}

.bg-block_title {
    font: normal 600 21px/130% var(--title-font);
    color: var(--background);
}

.bg-block_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    background: var(--background);
    color: var(--title-color);
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font: normal 500 12px var(--text-font);
    padding: 0 29px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 40px;
    -webkit-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

.bg-block_btn:hover {
    color: var(--background);
    border: 1px solid var(--background);
    background: transparent;
}

.bg-block_container {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 10px;
    margin-top: 40px;
}

.bg-block_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.7);
    padding: 19px 30px 18.5px 20px;
}

.bg-block_item ._img {
    width: 40px;
    height: 40px;
}

.bg-block_item .title {
    font: 600 16px/130% var(--title-font);
    color: var(--background);
    margin-bottom: 11px;
}

.bg-block_item:first-child .title {
    margin-top: 9px;
}

.bg-block_item .descr {
    font: 400 14px/150% var(--text-font);
    color: var(--line-color);
}

@media screen and (min-width: 640px) {

    section.about.bg-block {
        background: url(img/easy-build/easy-tablet.jpg), lightgray 50% / cover no-repeat;
        padding: 40px 0 46px;
    }

    .bg-block_title {
        font-size: 30px;
    }

    .bg-block_item .title br {
        display: none;
    }

    .bg-block_container {
        margin-top: 30px;
    }

    .bg-block_item:nth-child(3) .title {
        margin-top: 10px;
    }
    
        section.about.bg-block {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1000px) {
    section.about.bg-block {
        background-size: 100% auto;
    }
    
        section.about.bg-block {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1200px) {

    section.about.bg-block {
        background: url(img/easy-build/easy-desk.jpg), lightgray 50% / cover no-repeat;
        background-size: unset;
        padding: 60px 0 65px;
    }

    .bg-block_inner {
        max-width: unset;
    }

    .bg-block_title {
        max-width: 400px;
    }

    .bg-block_btn {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 30px;
    }

    .bg-block_container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        margin-top: 60px;
    }

    .bg-block_item {
        width: calc(33.3% - 20px);
        padding: 19px 30px 17px 20px;
    }

    .bg-block_item .title {
        margin-bottom: 10px;
    }

    .bg-block_item .title br {
        display: inline;
    }

    .bg-block_item:nth-child(3) .title {
        margin-top: 0;
    }
}