// Bootstrap Grid only
//
// Includes relevant variables and mixins for the regular (non-flexbox) grid
// system, as well as the generated predefined classes (e.g., `.col-4-sm`).


//
// Variables
//

// Grid system
//
// Define your custom responsive grid.
$grid-breakpoints: (
  // Extra small screen / phone
  sm: 480px, //34em,
  // Medium screen / tablet
  md: 760px, //48em,
  // Large screen / desktop
  lg: 1000px, //62em,
  // Extra large screen / wide desktop
  xl: 1290px //75em
) !default;

// Number of columns in the grid.
$grid-columns:               12 !default;

// Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width:          1.5rem !default;


// Container sizes
//
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
  //sm: 34rem,    // 480
  //md: 45rem,    // 720
  //lg: 60rem,    // 960
  //xl: 72.25rem  // 1140
  sm: 480px,
  md: 740px, 
  lg: 980px,
  xl: 1280px
) !default;


//
// Grid mixins
//

@import "variables";

@import "mixins/clearfix";
@import "mixins/breakpoints";
@import "mixins/grid-framework";
@import "mixins/grid";

@import "grid";
