@mixin for-phone-only {
  @media screen and (max-width: 380px) {
    @content;
  }
}

@mixin for-phone-and-up {
  @media screen and (min-width: 400px) {
    @content;
  }
}

@mixin for-tablet-and-up {
  @media screen and (min-width: 768px) {
    @content;
  }
}

@mixin for-laptop-and-up {
  @media screen and (min-width: 1200px) {
    @content;
  }
}

@mixin for-smaller-than-laptop {
  @media screen and (max-width: 1199px) {
    @content;
  }
}

@mixin for-desktop-and-up {
  @media screen and (min-width: 1920px) {
    @content;
  }
}
