// layout breakpoints

$window-min-width:                  steps(32);          // 320

$window-breakpoint-normal-phone:    steps(32);          // 320

$window-breakpoint-small-tablet:    steps(50);          // 500
$window-breakpoint-normal-tablet:   steps(76) + 8px;    // 768

$window-breakpoint-small-desktop:   steps(100);         // 1000
$window-breakpoint-normal-desktop:  steps(124);         // 1240


// other sizes

$gutter: steps(2);
$large-gutter: steps(3) + 8px;

$max-page-content-width: steps(120);  // 1200 (12 x (60 + 40)) at this size the content stops growing (the outer gutters start growing)
