.features {
  padding: 0 0 80px 0;
}
.features .features-wrap {
  margin: 0 -20px;
  display: flex;
}
.features-wrap .feature-item {
  width: 25%;
  padding: 0 20px;
}
.feature-item .feature-item-a {
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 30px 30px 52px 30px;
  height: 100%;
}
.feature-icon {
  margin-bottom: 30px;
}
.feature-icon svg {
  display: block;
}
.feature-text {
  font-size: 36px;
  color: #2b2a4c;
  font-weight: bold;
  line-height: 42px;
}

@media only screen and (max-width: 600px) {
  .feature-text {
    font-size: 36px;
    line-height: 42px;
  }
  .features-wrap .feature-item {
    width: 100%;
  }
  .features {
    padding: 0px 0 30px 0;
  }
}

@media only screen and (max-width: 840px) {
  .feature-text {
    font-size: 28px;
    line-height: 36px;
  }
  .features {
    padding: 0px 0 60px 0;
  }
}

@media only screen and (max-width: 1060px) {
  .features .features-wrap {
    flex-wrap: wrap;
  }
  .features-wrap .feature-item {
    width: 50%;
    margin: 0 auto;
  }
  .feature-text {
    font-size: 36px;
    line-height: 42px;
  }
  .feature-item .feature-item-a {
    max-width: 300px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1260px) {
  .feature-text {
    font-size: 28px;
    line-height: 36px;
  }
}