// // Brand Header // —————————————-

.brand-header {

width: 100%;
position: relative;
z-index: $z-index-header;

.brandbar {
  min-height: building-units(7) - 4px;
}

.brandbar-minimized {
  height: 0;
}

.navbar {
  border-top: 4px solid $color-brand;
  min-height: building-units(6.5) + 4px;
}

@media (min-width: #{$grid-float-breakpoint}px) {
  &.fixed {
    .brandbar {
      margin-bottom: building-units(6.5);
    }

    .navbar {
      position: fixed;
      width: 100%;
    }
  }
}

}