// Canonical viewport breakpoints. Always max-width queries.
//
// $bp-sm  : phones                 (collapses 500, 512, 600)
// $bp-md  : small tablets, narrow  (collapses 768, 800)
// $bp-lg  : laptops                (collapses 1000, 1024)
// $bp-xl  : standard desktops
// $bp-2xl : wide / external monitors

$bp-sm: 600px;
$bp-md: 800px;
$bp-lg: 1024px;
$bp-xl: 1280px;
$bp-2xl: 1600px;