$susy: (
  columns: 12,
  gutters: 1,
  math: fluid,
  output: float,
  gutter-position: after
  // debug: (image: show)
);

// break points
$breakpoint-xs-width: 480px;
$breakpoint-sm-width: 800px;
$breakpoint-md-width: 1080px;
$breakpoint-lg-width: 1200px;
$breakpoint-xl-width: 1400px;
$breakpoint-xxl-width: 1920px;

//aliases
$xs: $breakpoint-xs-width;
$sm: $breakpoint-sm-width;
$md: $breakpoint-md-width;
$lg: $breakpoint-lg-width;
$xl: $breakpoint-xl-width;
$xxl: $breakpoint-xxl-width;

$breakpoint-xxs-width-max: $xs - 1;
$breakpoint-xs-width-max: $sm - 1;
$breakpoint-sm-width-max: $md - 1;
$breakpoint-md-width-max: $lg - 1;
$breakpoint-lg-width-max: $xl - 1;
$breakpoint-xl-width-max: $xxl - 1;

$retina-query: (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi);

$max-width: $xl;

// Colors
$brand-color-a: #333333;
$brand-color-b: #f9f9f9;

$brand-white: #FFF;
$brand-black: #000;

$text-color: $brand-color-a !default;
$background-color: $brand-color-b;

// Dimensions
$vertical-rhythm: 5px;
$vr: $vertical-rhythm;


// Typography
$font-family-sans-serif: 'Ubuntu', Helvetica, Arial, sans-serif;
$font-family-serif: 'Georgia Pro', Georgia, Times, serif;
$font-family-mono: 'Anonymous Pro', 'Droid Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, 'Lucida Console', Courier, monospace;
$font-family-base: $font-family-sans-serif;
$font-family-heading: $font-family-sans-serif;
$icon-font: 'icomoon';
$directory-fonts: './fonts';

// Font Sizing
$font-size-base: 16px;
$line-height-base: 1.8;
$font-size-small: 14px;

$font-weight-bold: 700;
$font-weight-medium: 500;
$font-weight-regular: 400;
$font-weight-light: 100;

// z-index
$z-below: 0;
$z-base: 1;
$z-small: 5;
$z-mid: 10;
$z-high: 100;
$z-super: 1000;