$xs: 300px !default;
$sm: 400px !default;
$md: 900px !default;
$lg: 1200px !default;

$grid-breakpoints: (
   xs: 0,
   sm: $sm,
   md: $md,
   lg: $lg
) !default;

$container-widths: (
   sm: $sm - 20px,
   md: $md - 20px,
   lg: $lg - 20px
) !default;


$grid-columns:              12 !default;
$grid-gutter-width:         30px !default;
$gap-width:                 10px !default;

// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint:     $sm !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;