_breakpoints.scss

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

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