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

.wrapper {
  padding-top:    10rem;
  padding-bottom: 10rem;
  @include media-breakpoint-up(xl) {
    padding-top:    15rem;
    padding-bottom: 15rem;

  }
  position: relative;
  z-index: 1;
  background-color: $brand-primary;
}

.container {
  @include container();
  color: white;
}

.header {
  @include fontSizer(3, 2);
  font-weight: 300;
}

.detail {
  @include fontSizer(1.8, 1.6);
  letter-spacing: .1rem;
  font-weight:    300;
}