.l-header {

  .mas-logo {
    margin: $baseline-unit*2 0 $baseline-unit $baseline-unit;
    @include respond-to($mq-l) {
      float: left;
      position: absolute;
      top: $baseline-unit*2;
    }
  }

  .primary-nav {
    @include respond-to($mq-l) {
      margin: $baseline-unit*2 0;
      float: right;
    }
  }

  .mobile-nav {
    position: absolute;
    top: 0;
    right: 0;
    @include respond-to($mq-l) {
      display: none;
    }
  }

  .mobile-nav__item {
    margin: $baseline-unit*1.5 $baseline-unit*1.5 0 0;
    float: left;
  }
}

.l-primary-nav-dropdown {
  @extend %collapsable-target;
  @include respond-to($mq-l) {
    &.is-on {
      position: absolute;
      top: $baseline-unit*14;
      left: 0;
      z-index: 10;
    }
  }

  ul {
    margin: 0 auto;
    max-width: $mq-l;
  }
}

.l-search-box {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.l-header {

  .mas-logo {
    position: relative;
    top: $baseline-unit*2;
    padding-top: $baseline-unit*5;
    margin: 0 0 $baseline-unit*4 $baseline-unit;
    @include respond-to($mq-l) {
      float: left;
      position: absolute;
      top: $baseline-unit*2;
    }
  }

  .primary-nav {
    @include respond-to($mq-l) {
      margin: $baseline-unit*2 0;
      float: right;
    }
  }

  .mobile-nav {
    position: absolute;
    top: 0;
    right: 0;
    @include respond-to($mq-l) {
      display: none;
    }
  }

  .mobile-nav__item {
    margin: $baseline-unit*1.5 $baseline-unit*1.5 0 0;
    float: left;
  }
}

.l-primary-nav-dropdown {
  @extend %collapsable-target;
  @include respond-to($mq-l) {
    &.is-on {
      position: absolute;
      top: $baseline-unit*14;
      left: 0;
      z-index: 10;
    }
  }

  ul {
    margin: 0 auto;
    max-width: $mq-l;
  }
}

.l-search-box {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

Fix logo issue in header.
Fix logo issue in header.
