@mixin breakpoint-min($breakpoints: ()) {
  @each $breakpoint in $breakpoints {
    @media only screen and (min-width: #{$breakpoint}) {
      @content;
    }
  }
}

@mixin breakpoint-max($breakpoints: ()) {
  @each $breakpoint in $breakpoints {
    @media only screen and (max-width: #{$breakpoint}) {
      @content;
    }
  }
}