@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-sub-header {
  background-color: $color-background-alternative;
  min-height: 88px;
  @include media-breakpoint-up(md) {
    min-height: 134px;
  }
  
  &__with-one-line {
    height: 140px;

    @include media-breakpoint-up(md) {
      height: 164px;
    }
  }

  &__with-two-lines {
    min-height: 140px;

    @include media-breakpoint-up(md) {
      min-height: 186px;
    }
  }

  &__container {
    margin: 0 auto;
    width: 100%;
    max-width: 72em;
    padding: 1.75em 1em 0.25em 1em;
    @include media-breakpoint-up(md) {
      padding: 2em 1em 0;
    }
  }

  &__headline {
    font-size: 1.5em;
    font-weight: $font-weight-normal;
    margin: 0;

    @include media-breakpoint-up(md) {
      font-size: 2.5em;
    }
  }
}