// --------------------------------------------
// Content ---------------------------------
// --------------------------------------------
$column-width: 46px;
$width-base: size-by-col(4,'xl');


$grid-gutter-widths: (
	xs: 15px,
	sm: 15px,
	md: 30px,
	lg: 30px,
  	xl: 50px
) !default;

$vertical-gutter: (
	xs: 15px,
	sm: 15px,
	md: 30px,
	lg: 30px,
  	xl: 50px
)!default;

//Header
$navigation-elements-margin: (
	md: 20px,
	lg: 30px
)!default;



// Spacing
//
// Control the default margins and paddings of elements

$spacer: 1px;
$spacers: () !default;
$spacers: map-merge(
  (
    0: 0,
	1: ($spacer * 1),
	2: ($spacer * 2),
    5: ($spacer * 5),
	10: ($spacer * 10),
	12: ($spacer * 12),
	15: ($spacer * 15),
	18: ($spacer * 18),
	20: ($spacer * 20),
	25: ($spacer * 25),
	30: ($spacer * 30),
	35: ($spacer * 35),
	40: ($spacer * 40),
	50: ($spacer * 50),
	60: ($spacer * 60),
	70: ($spacer * 70),
	75: ($spacer * 75),
    85: ($spacer * 85) 
  ),
  $spacers
);