$tablet-width: 1200px;
$mobile-width: 768px;

@mixin mobile {
  @media (max-width: #{$mobile-width}) {
    @content;
  }
}

@mixin tablet {
  @media (min-width: #{$mobile-width}) {
    @content;
  }
}

@mixin desktop {
  @media (min-width: #{$tablet-width + 1px}) {
    @content;
  }
}

.desktop-only {
  @include mobile {
    display: none !important;
  }
}

.mobile-only {
  @include tablet {
    display: none !important;
  }
}
