.x-aside-header {
  @extend .d-flex,
          .w-100,
          .align-items-center,
          .justify-content-center;
}

.x-aside-main {
  @extend .flex-1;

  .is-wide & {
    @include media-breakpoint-up(xl) {
      margin-top: -5.5rem;
      flex: none;
    }
  }
}

.x-aside-footer {

}