.services-list {
    position: relative;
    z-index: 11;
    background: #ECF5F1;
}

.services-list .container {
    z-index: 5;
}

.services-list__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.services-list__header {
    margin: 0 0 40px;
}

.services-list__content {
    padding: 40px 0 30px;
}

.services-list__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: -100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 50px;
}

.services-list__image img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}

.services-list__items {
    margin: 0 0 10px;
    padding: 0px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.services-list__item {
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 15px;
    z-index: 11;
    overflow: hidden;
    /* Fix for firefox and IE 10-11  */
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
}

.services-list__item a {
    color: #000;
    margin: 0 0 6px;
    display: block;
    text-decoration: none;
    padding: 2px 10px;
}

.services-list__item a:hover {
    color: #38916C;
    text-decoration: underline;
}

.services-list__item span {
    color: #4E6A58;
    font-size: 16px;
    margin: 5px 0;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
}

@media all and (max-width: 1250px) {
    .services-list__item {
        padding: 0 0 0 20px;
    }
    .services-list__item a {
        padding: 3px 5px;
    }
}

.services-list__letter {
    position: absolute;
    text-transform: uppercase;
    top: 0;
    left: 0;
    font-weight: 900;
    color: #38916C;
    font-size: 22px;
    line-height: 25px;
}

@media all and (max-width: 1250px) {
    .services-list__letter {
        font-size: 18px;
    }
}

.services-list__bg-1, .services-list__bg-2 {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -975px;
    z-index: 1;
}

.services-list__bg-1 img, .services-list__bg-2 img {
    display: block;
}

.services-list__bg-1 {
    top: -100px;
}

.services-list__bg-2 {
    top: 70px;
}

@media all and (max-width: 1400px) {
    .services-list__image {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .services-list__bg-1, .services-list__bg-2 {
        display: none;
    }
}

@media all and (max-width: 1024px) {
    .services-list__items {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .services-list__box {
        display: block;
    }
    .services-list__image {
        display: block;
        margin: 0;
    }
    .services-list__image img {
        display: none;
        margin: 0 auto;
    }
}

@media all and (max-width: 768px) {
    .services-list__items {
        padding: 0 0px 15px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .services-list__header {
        margin: 0 0 0px;
    }
}

@media all and (max-width: 359px) {
    .services-list__items {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin: 0;
    }
}