/**
* Block Name: teaser_cards
*/

section.teaser_cards .teaser_card {
  background: #fff;
  position: relative;
  padding-left: 70px;
  padding-bottom: 30px;
  border-radius: 0px 0px 7px 0px;
  border: 2px solid #000;
}

section.teaser_cards .teaser_card h3 {
  position: absolute;
  left: 12px;
  padding-bottom: 30px;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; /* `vertical-rl` and a rotation will achieve the same effect */
  -webkit-transform: scaleX(-1) scaleY(-1);
  -ms-transform: scaleX(-1) scaleY(-1);
  transform: scaleX(-1) scaleY(-1);
  margin-bottom: 0;
}

section.teaser_cards .img_wrapper {
  padding-top: 420px;
  padding-top: max(420px, 100%);
  position: relative;
  width: 100%;
}

section.teaser_cards .img_wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

section.teaser_cards .teaser_text {
  padding-right: 30px;
}

@media (max-width: 767.98px) {
  section.teaser_cards .row > div:nth-child(n + 2) {
    margin-top: 30px;
  }
}
@media (max-width: 991.98px) {
  section.teaser_cards .teaser_card h3 {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  section.teaser_cards .row > div:nth-child(n + 3) {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  section.teaser_cards .teaser_text {
    padding-right: 60px;
  }
}