sass-site/source/assets/css/regions/_banner.scss

.banner {
  @include padding-leader;
  @include padding-trailer;

  * { vertical-align: middle; }

  .sl-l-container { position: relative; }
}

.site-brand {
  @include font-size-regular;
  margin: 0;
  line-height: 0;
  text-align: left;

  img {
    transition-property: height;
    height: rhythm(2);
  }

  @include sl-breakpoint--medium {
    @include span(3);

    img { height: rhythm(4); }
  }
}

.banner-toggle {
  position: absolute;
  top:   0;
  right:  $gutter-width;

  button {
    @extend %clear-button;
    @include square($column-width);
    padding: 0;
  }

  .icon-bar {
    @include leader(.25);
    @include trailer(.25);
    display: block;
    margin: {
      right: auto;
       left: auto;
    }
    width: sl-px-to-rem(32px);
    height: sl-px-to-rem(2px);
    background-color: $color-primary;
  }

  @include sl-breakpoint--medium { display: none; }
}