Branded Title

PREVIEW
<div class="branded-title">
    <h2 class="branded-title__title">BRANDED TITLE</h2>
</div>
.branded-title {
  @media (min-width: $breakpoint-tablet) {
    background-image: url("/images/branded-title-bg.png");
    background-repeat: no-repeat;
    min-height: 19.4rem;
    min-width: 50rem;
    position: relative;
    transform: translateX(-4.4rem);
  }
}

.branded-title__title {
  @include typeDisplayMedium(true);
  color: $color-base-white;

  @media (min-width: $breakpoint-tablet) {
    bottom: 0;
    left: 10.8rem;
    position: absolute;
  }
}
URL copied to clipboard!