html {
  font-size: .9rem;
  @include media-breakpoint-up(md) {
    font-size: 1rem;
  }
  @include media-breakpoint-up(lg) {
    font-size: 1.125rem;
  }
}



.video-embed-item {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  display: block;
  margin: 0 auto;
}



.teaser-page {
  @include make-row();
  text-align: center;
  display: flex;

  .teaser-item {
    @include make-col-ready();
    @include media-breakpoint-up(md) {
      flex: 1 1 0;
    }
  }
}


.hero-badge--imagevid {
  position: absolute;
  top: -25vh;
  @include media-breakpoint-up(md) {
    top: -30vh;
    right: 0;
  }
}
