
.standard-banner._green {
    padding: 0;
    margin-top: 60px;
}

.one-block .standard-banner._green {
    margin-top: 60px;
}

._banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 343px;
    border-radius: 10px;
    padding: 30px 20px 30px;
    background: var(--block-background);
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.banner__icon {
    padding-top: 1px;
    position: absolute;
    width: 40px;
}

.banner__title {
    font: normal 600 16px/21px var(--title-font);
    color: var(--title-color);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.project__banner--body {
    padding: 0 0 0 60px;
}

a:hover .banner__title {
    color: #53B402;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


@media screen and (min-width: 640px) {
    .standard-banner._green {
        margin-top: 82px;
    }
}

@media screen and (min-width: 960px) {
    .standard-banner._green {
        margin-top: -28px;
    }

    .standard-banner._green.wrapper {
        max-width: 1254px;
    }

    .banner__icon {
        position: absolute;
        width: 50px;
        padding: 0;
    }

    ._banner {
        max-width: 398px;
        border-radius: 16px;
        padding: 40px 40px 44px;
        background: var(--block-background);
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .project__banner--body {
        padding: 4px 0 0 80px;
    }
}

@media screen and (max-width: 374px) {
    .banner__title {
        font-size: 12px;
    }
}