// 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
);

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

$font-8: 0.5rem;         /* 8px */
$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-26: 1.625rem;     /* 26px */
$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 */
$font-alert: 8rem;     /* ?px */

$icon:  'FontAwesome';

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


$alpha:         rgba(255,255,255,0.6);
$green:         #4e984a;
$light-green:   #71986e;
$red:           #bf0f3d;
$grey:          #ddd;
$light-grey:    #f2f2f2;
$dark-grey:     #2f2f2f;