// Number of columns in the grid.
$grid-columns:              12 !default;
// Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width:         $line-height-base !default;


// Define the breakpoints at which the layout will change
$screen-sm-min:             650px !default;
$screen-md-min:             992px !default;
$screen-lg-min:             1200px !default;

// Generate maximums
$screen-xs-max:             $screen-sm-min - 1 !default;
$screen-sm-max:             $screen-md-min - 1 !default;
$screen-md-max:             $screen-lg-min - 1 !default;


// Define the maximum width of `.container` for different screen sizes.
$container-xs:              550px  !default;
$container-sm:              850px  !default;
$container-md:              970px  !default;
$container-lg:              1170px !default;