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;
}


.row > header {
  @include make-col-ready();
}


.frame + .frame {
  > header {
    h1, h2, h3, h4, h5, h6 {
      margin-top: 3em;
    }
  }
}


.linklove {

  .amadeus {
    transition: color 10s;
  }

  &:hover, &:focus {
    text-decoration: none;

    .amadeus {
      color: #f59c00;
      transition: color .125s ease-in;
    }
  }
}


.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;
  }
}
