.benefits {
background: #EAE5DC;
padding: 50px 0 65px 0;
margin-bottom: 150px;
}
.benefits .teaser__button {
min-width: 18.3rem;
margin: 0 auto;
}
.benefits h2 {
margin-bottom: 50px;
}
.benefits img {
height: 79px;
width: 79px;
}
.benefits_wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin:10px auto 30px auto;
}
.benefits h3 {
font-size: 25px;
line-height: 30px;
letter-spacing: 0.03em;
font-weight: 400;
margin: 10px 0 40px 0;
}
.benefits .benefit {
width: calc(25% - 20px);
margin: 10px;
box-sizing: border-box;
text-align: center;
}
@media only screen and (max-width: 987px) {
.benefits .benefit {
width: calc(33% - 20px);
}
}
@media only screen and (max-width: 768px) {
.benefits h3 {
font-size: 20px;
line-height: 25px;
margin: 15px 0 20px 0;
}
.benefits .benefit {
width: calc(100% - 20px);
}
}