@import "~Breakpoints";
@import "~Colors";
@import "~FontSize";
@import "~Layout";
@import "~Type";

.wrapper {
  background-color: $gray-light;
  @supports (clip-path: polygon(0% 0%)) {
    clip-path: polygon(0% 0%, 90% 0%, 75% 100%, 0% 100%);
    @include media-breakpoint-up(md) {
      clip-path: polygon(0% 0%, 60% 0%, 55% 100%, 0% 100%)
    }
  }
  padding:          2rem 0;
  margin-bottom:    9rem;

}

.title {
  @include container();
  color:          $brand-primary;
  @include fontSizer(3.8);
  text-transform: uppercase;
  font-weight:    300;
  letter-spacing: .2rem;

  //height: 5.5rem;
  line-height:    1;

}