// Grid system
.main {
  @include make-col-ready();
  @include media-breakpoint-up(sm) {
    @include make-col($main-sm-columns);
    .sidebar-primary & {
      @include make-col($main-sm-columns - $sidebar-sm-columns);
    }
  }
}
.sidebar {
  @include make-col-ready();
  @include media-breakpoint-up(sm) {
    @include make-col($sidebar-sm-columns);
  }
}

.divider {
  padding-top: $gutter * 3;
  padding-bottom: $gutter * 3;
  @include media-breakpoint-up(lg) {
    padding-top: $gutter * 6;
    padding-bottom: $gutter * 6;
    &.narrow {
      padding-top: $gutter * 3;
      padding-bottom: $gutter * 3;
    }
  }
  &.top {
    padding-bottom: 0;
  }
  &.bottom {
    padding-top: 0;
  }
}