.text-teasers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.text-teaser {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(24.33% - 40px);
  flex: 1 0 calc(24.33% - 40px);
  margin: 0 40px 0 0;
}
.text-teaser--promo {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 27%;
  flex: 1 0 27%;
}
.text-teaser:last-child {
  margin: 0;
}
.text-teaser a {
  display: block;
  height: 100%;
}
.text-teaser h4 {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-family: var(--Cheltenham);
}
.text-teaser--promo h4 {
  font-size: 3.2rem;
  line-height: 3.6rem;
}


@media screen and (max-width: 1024px) {
  .text-teasers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
  }
  .text-teaser {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 40px);
    flex: 1 0 calc(50% - 40px);
    margin: 0 20px 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  .text-teaser:last-child {
    margin: 0 20px;
  }
  .text-teaser:nth-last-child(-n+2) {
    margin-bottom: 0;
    padding: 0;
    border: 0;
  }
}

@media screen and (max-width: 600px) {
  .text-teasers {
    display: block;
    margin: 0;
  }
  .text-teaser {
    margin: 0 0 20px;
  }
  .text-teaser:nth-last-child(2) {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  .text-teaser:last-child {
    margin: 0;
  }
  .text-teaser h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .text-teaser--promo h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}