/*------------------------------------*\
  Components > Header
\*------------------------------------*/

.c-header {
  padding: double($base-spacing-unit) 0;

  @include mq($from: tablet) {
    padding: (double($base-spacing-unit) + $base-spacing-unit) 0;
  }

  @include mq($from: desktop) {
    padding: quadruple($base-spacing-unit) 0;
  }

  h1 {
    margin-bottom: 0;
  }
}