  background-color: blue; // background will be green at only md
  }
}

.container-5 {
  @include breakpoint('md+', '(min-height: 680px)') {
    background-color: orange; // background will orange at md and larger and when also larger than 680px tall
  }
}

.container-6 {
  @include breakpoint(null, 'hover') {
    background-color: purple; // background will purple only on devices with mouse pointers
  }
}

.container-7 {
  @include breakpoint('md+', 'hover') {
    background-color: pink; // background will