// Bootstrap Settings
$grid-columns: 12;
$grid-gutter-width: 20px;

$grid-breakpoints: (
    xs: 0,      // Mobile Portrait
    sm: 768px,  // Tablet Portrait
    md: 1024px, // Tablet landscape/Small desktop
    lg: 1280px, // Desktop
    xl: 1600px, // Large desktop
);


$container-max-widths: (
  sm: 708px,
  md: 984px,
  lg: 1240px,
  xl: 1560px
);

// Hamburgers Settings

$hamburger-padding-x                       : 15px;
$hamburger-padding-y                       : 15px;
$hamburger-layer-width                     : 40px;
$hamburger-layer-height                    : 4px;
$hamburger-layer-spacing                   : 8px;
$hamburger-layer-color                     : white;
$hamburger-layer-border-radius             : 4px;
$hamburger-hover-opacity                   : 0.7;
$hamburger-hover-transition-duration       : 0.15s;
$hamburger-hover-transition-timing-function: linear;

$hamburger-hover-use-filter: false;
$hamburger-hover-filter    : opacity(50%);

$hamburger-types: (
  elastic,
  minus,
  spin,
  squeeze
);

$fa-font-path: '../node_modules/font-awesome/fonts/';

$font-10: 0.625rem;     /* 10px */
$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-28: 1.75rem;      /* 28px */
$font-30: 1.875rem;     /* 30px */
$font-34: 2.125rem;     /* 34px */ 
$font-40: 2.5rem;       /* 40px */
$font-45: 2.812rem;     /* 45px */
$font-48: 3rem;         /* 48px */
$font-53: 3.312rem;     /* 53px */

@each $size in 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 28, 30, 34, 40, 45, 48, 53 {
    .font-#{$size} {font-size: #{$size/16}rem !important;}
}


$alpha:         rgba(255,255,255,0.6);
$green:         #2e981e;//#67a562; 
$red:           #aa0000;
$grey:          #aaa;
$light-grey:    #eceeef;
$dark-grey:     #666;