//
// Grid system
// --------------------------------------------------


// Container widths
//
// Set the container width, and override it for fixed navbars in media queries.

// .container {
//   @include container-fixed;

//   @media (min-width: $screen-xs-min) {
//     width: $container-xs;
//   }
//   @media (min-width: $screen-sm-min) {
//     width: $container-sm;
//   }
//   @media (min-width: $screen-md-min) {
//     width: $container-md;
//   }
//   @media (min-width: $screen-lg-min) {
//     width: $container-lg;
//   }
//   @media (min-width: $screen-xl-min) {
//     width: $container-xl;
//   }
// }


// Fluid container
//
// Utilizes the mixin meant for fixed width containers, but without any defined
// width for fluid, full width layouts.

// .container-fluid {
//   @include container-fixed;
// }


// Row
//
// Rows contain and clear the floats of your columns.

// .row {
//   @include make-row;
// }


// Columns
//
// Common styles for small and large grid columns

// @include make-grid-columns;


// Tiny grid
//
// Columns, offsets, pushes, and pulls for tiny devices like
// smartphones.

// @include make-grid(tn);


// Extra small grid
//
// Columns, offsets, pushes, and pulls for extra small devices like
// smartphones.

// @media (min-width: $screen-xs-min) {
//   @include make-grid(xs);
// }


// Small grid
//
// Columns, offsets, pushes, and pulls for the small device range, from phones
// to tablets.

// @media (min-width: $screen-sm-min) {
//   @include make-grid(sm);
// }


// Medium grid
//
// Columns, offsets, pushes, and pulls for the desktop device range.

// @Mediacomm
// (min-width: $screen-md-min) {
//   @include make-grid(md);
// }


// Large grid
//
// Columns, offsets, pushes, and pulls for the large desktop device range.

// @media (min-width: $screen-lg-min) {
//   @include make-grid(lg);
// }


// Extra large grid
//
// Columns, offsets, pushes, and pulls for the large desktop device range.

// @media (min-width: $screen-xl-min) {
//   @include make-grid(xl);
// }

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 320px,
  // Medium screen / tablet
  md: 576px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px
);

$container-max-widths: (
  xs: 460px,
  sm: 750px,
  md: 970px,
  lg: 1170px,
  xl: 1610px
);

$grid-gutter-width: 5px;

