$breakpoint-mobile: 600px;
$breakpoint-desktop: 1024px;

@mixin respond-to($media) {
  @if $media == 'mobile' {
    @media (max-width: $breakpoint-mobile) {
      @content;
    }
  } @else if $media == 'desktop' {
    @media (min-width: $breakpoint-tablet) {
      @content;
    }
  }
}
