// Base Breakpoints
$breakpoints: (
  'deskI': 2201px, // immence - very large
  'deskL': 1798px,
  'deskM': 1439px,
  'deskS': 1365px,
  'tabL' : 1200px,
  'tabM': 767px,
  'mobM': 374px,
);

@mixin breakpoint-down($breakpoint) {
  @media (max-width: map_get($breakpoints, $breakpoint)) {
    @content;
  }
}

@mixin breakpoint-up($breakpoint) {
  @media (min-width: map_get($breakpoints, $breakpoint)) {
    @content;
  }
}