/*
 * If changes done, remember to also change mixins/_grid.scss due to lack
 * of ability to use variables inside media queries in SASS
*/
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 998px;
$breakpoint-lg: 1258px;
$breakpoint-xl: 1458px;
$breakpoint-xxl: 1658px;

//** 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:         12px !default;
//Half Column Sizing
$half-column-size: 20%;
//7 Equal column sizing (only for XXL)
$column-size7: 14.2857143%;

//== Container sizes
//## maximum width of `.container` for different screen sizes.
$container-sm:                 (720px + $grid-gutter-width) !default;
$container-md:                 (940px + $grid-gutter-width) !default;
$container-lg:                 (1222px + $grid-gutter-width) !default;
$container-xl:                 (1410px + $grid-gutter-width) !default;
$container-xxl:                 (1610px + $grid-gutter-width) !default;