// Bootstrap variables
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);

$grid-columns:        12;
$grid-gutter-width:   30px;

$header-height: 80px;
$breadcrumb-height: 60px;

// Colors
$white:       #fff;
$black:       #000;
$gray:        #666;
$light-gray:  #f5f5f5;
$dark-gray:   #47464e;

$yellow:      #a2dc02;

$white-alpha: rgba(255, 255, 255, 0.9);
$black-alpha: rgba(0, 0, 0, 0.9);

// Fonts
$font-primary: 'Abel';
$font-secondary: 'Abel';
$font-icon: 'icomoon';

// Font-size variables
$font-7: 0.437rem;      /* 8px */
$font-8: 0.5rem;        /* 8px */
$font-10: 0.625rem;     /* 10px */
$font-11: 0.6875rem;    /* 11px */
$font-12: 0.75rem;      /* 12px */
$font-13: 0.812rem;     /* 13px */
$font-14: 0.875rem;     /* 14px */
$font-15: 0.937rem;     /* 15px */
$font-16: 1rem;         /* 16px */
$font-18: 1.125rem;     /* 18px */
$font-20: 1.25rem;      /* 20px */
$font-22: 1.375rem;     /* 22px */
$font-24: 1.5rem;       /* 24px */
$font-26: 1.625rem;     /* 26px */
$font-28: 1.75rem;      /* 28px */
$font-30: 1.875rem;     /* 30px */
$font-32: 2rem;         /* 32px */
$font-34: 2.125rem;     /* 34px */
$font-36: 2.25rem;      /* 36px */
$font-38: 2.375rem;     /* 38px */
$font-40: 2.5rem;       /* 40px */
$font-42: 2.625rem;     /* 42px */
$font-44: 2.75rem;      /* 44px */
$font-46: 2.875rem;     /* 46px */
$font-48: 3rem;         /* 48px */
$font-50: 3.125rem;     /* 50px */
$font-52: 3.25rem;      /* 52px */
$font-54: 3.375rem;     /* 54px */
$font-60: 3.75rem;      /* 60px */
$font-72: 4.5rem;       /* 72px */