css/features.css

.innerhero__pic--features{
    width: 60rem;
    height: auto;
    top: -50px;
    transform: none;
    left: 70%;
}
.features2,
.features3,
.features4,
.features5{
    padding: 9rem 0 0rem;
}
.features2__title{
    padding-bottom: 9rem;
    font-weight: 400;
}
.cardswrap{
    padding-top: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows:auto;
    grid-gap: 4rem 3rem;
}


.featureslast__main{
    background: #E8F2FA;
    border-radius: 10px;
    padding: 5rem 7rem 6rem;
}
.featureslast__title{
    font-size: 3.2rem;
    line-height: 4.2rem;
    font-weight: bold;
}
.featureslast{
    padding-top: 8rem;
    padding-bottom: 10rem;
}
.featureslast__links{
    display: grid;
    grid-template-columns: repeat(4, max-content);
    grid-gap: 2rem 10rem;
}




@media (max-width:992px){
    .cardswrap{
        grid-template-columns: 1fr 1fr;
    }
    .featureslast__links{
        grid-template-columns: max-content max-content;
    }
}/* END MEDIA 992px */



@media (max-width:767px){
    .features1__main{
        max-width: none;
        width: auto;
        text-align: left;
        min-height: auto;
    }
    .features2__title{
        text-align: left;
        padding-bottom: 5rem;
        font-size: 3rem;
        line-height: 1.4;
    }
    .features1__descr br,
    .features2__title br,
    .blockheader__right br{
        display: none;
    }
    .features1__main .h2{
        font-size: 4.2rem;
        line-height: 1.15;
    }
    .cardswrap{
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        padding-top: 3rem;
        padding-bottom: 0;
    }
    .features2,
    .features3,
    .features4,
    .features5{
        padding-top: 6rem;
        padding-bottom: 3rem;
    }
    .featureslast{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .featureslast__main{
        padding: 4rem 2rem;
    }
    .featureslast__title{
        font-size: 2.6rem;
        line-height: 3.6rem;
    }
    .featureslast__links{
        grid-template-columns: 1fr;
        padding-top: 2rem;
        grid-gap: 1.5rem;
    }
}/* END MEDIA 767px */