.view-schedule {
  .view-grouping-header {
    background: $dcb-green;
    color: white;
    font-size: 1.5em;
    text-align: center;
  }

  h2 {
    font-size: 1.8em;
    text-transform: none;
  }

  h4 {
    font-size: 1.3em
  }

  p {
    margin: 0.5em 0;
  }

  .node--type-session {
    margin-bottom: 3em;
  }

  .group-wrapper {
    @include media-large {
      box-sizing: border-box;
      float: left;
      padding-right: 2em;

      h2 {
        font-size: 1.2em;
        line-height: 1.4;
      }
    }

    h3 {
      color: $dcb-grey;
    }
  }

  .view-grouping-content {
    overflow: hidden;

    &.col-2 .group-wrapper {
      @include media-large {
        width: 50%;
      }
    }

    &.col-3 .group-wrapper {
      @include media-large {
        width: 33.33%;
      }
    }
  }
}