_breakpoints.scss

:root {
  --breakpoint-narrow: 30rem; // 480px
  --breakpoint-medium: 768px; // 768px
  --breakpoint-wide: 60rem; // 960px
  --breakpoint-extrawide: 75rem; // 1200px
  --breakpoint-max-width: 75rem;
  --breakpoint-overwide: 80rem;
}

$narrow: 30em; // 480px
$medium: 48em; // 768px
$wide: 60em; // 960px
$extrawide: 75em; // 1120px
$max-width: $extrawide;
$overwide: 80em;