.header {
  &--compact {
    & .header__content {
      padding-bottom: $header-compact-content-spacing-bottom;
      padding-top: $header-compact-content-spacing-top;
    }

    & h1.content-block__title {
      @include font-style('title--m', 'title--l');
    }
  }
}

@include viewport--l {
  .header--compact {
    & .header__content {
      padding-bottom: $header-compact-content-spacing-bottom--l;
      padding-top: $header-compact-content-spacing-top--l;
    }
  }
}