@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/grid';

.TimeOfDay {
  @include make-container();
}

.TimeOfDay-Rows {
  @include make-row();

  > * {
    @include make-col-ready();
  }
}

.TimeOfDay-Style {
  strong::after {
    content: ' ';
  }

  @include make-col();
}

@include media-breakpoint-up(lg) {
  .TimeOfDay-Rows {
    display: block;
  }
}