// max-screen
@mixin max-screen($max) {
  @media only screen and (max-width: $max) {
    @content;
  }
}

// mid-screen
@mixin mid-screen($min, $max) {
  @media only screen and (min-width: $min) and (max-width: $max) {
    @content;
  }
}