//
//  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< - >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 
//  Media queries breakpoints
//
//     Defines the breakpoints for the navbar, page, and footer
// 
//     SASS variables are required given CSS Variables do  not work in Media queries
// 
//  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< - >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
//
$navbar-bp-xs:    0px;
$navbar-bp-sm:  600px;
$navbar-bp-md:  850px;
$navbar-bp-lg: 1000px;
$navbar-bp-xl: 1400px;

$screen-bp-xs:  576px;
$screen-bp-sm:  768px;
$screen-bp-md:  992px;
$screen-bp-lg: 1200px;
$screen-bp-xl: 1400px;

$footer-bp-xs:    0px;
$footer-bp-sm:  600px;
$footer-bp-md:  900px;
$footer-bp-lg: 1200px;
$footer-bp-xl: 1400px;