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

$narrow: 30em; // 480px  480-767
$medium: 48em; // 768px  768-959
$wide: 60em; // 960px  960-1200 //small desktop
$extrawide: 75.0625em; // 1201px  //mid-size desktop full width lauout
$overwide: 90.0625rem; // >=1441px
$fullhd: 120em; // 1920px
$max-width: $overwide;