.topbar {
  position       : sticky;
  top            : 0;

  margin         : 0 auto;

  z-index        : 11;

  display        : flex;
  justify-content: center;
  align-items    : center;

  &__container {
    background: $lightgrey;

    @extend %section-type;
    @extend %grid;

    margin    : 25px 0 0;
    padding   : 25px;

    max-width : none;

    @include media-max(lg) {
      display        : flex;
      flex-wrap      : wrap;
      justify-content: center;
      align-items    : center;
    }
  }

  .admin-bar & {
    top: 32px;
  }

}