@mixin mq-phone-only {
  @media (max-width: $phone-only) {
    @content;
  }
}

@mixin mq-tablet-portrait {
  @media (min-width: $tablet-portrait) {
    @content;
  }
}

@mixin mq-tablet-landscape {
  @media (min-width: $tablet-landscape) {
    @content;
  }
}

@mixin mq-desktop {
  @media (min-width: $desktop) {
    @content;
  }
}

@mixin mq-big-desktop {
  @media (min-width: $big-desktop) {
    @content;
  }
}
