:root {
  --breakpoint-extrawide: 75.0625rem; // 1201px
  --breakpoint-max-width: 75.0625rem; // 1201px
  --breakpoint-medium: 48rem; // 768px
  --breakpoint-narrow: 30rem; // 480px
  --breakpoint-wide: 60rem; // 960px
}

$narrow: 30rem; // 480px  480-767
$medium: 48rem; // 768px  768-959
$wide: 60rem; // 960px-1200px; small
$extrawide: 75.0625rem; // 1201px-1440px; mid-size
$overwide: 90.063rem; // 1441px-1600px; large-size
$xlarge: 1601px; //1601px-1920px, x-large
$fullhd: 120.0625rem; // 1921px
$max-width: $extrawide;