/* import what we need to override */
@import "/bootstrap-5/scss/_functions.scss";
@import "/bootstrap-5/scss/_variables.scss";

/* set the overriding variables */
$grid-breakpoints: (
  xxxs: 0,
  xxs: 320px,
  xs: 568px,
  sm: 667px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1200px,
  xxxl: 1600px
);
$container-max-widths: (
  xxxs: 0,
  xxs: 320px,
  xs: 568px,
  sm: 667px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1200px,
  xxxl: 1600px
);

"viewport-height": (
  property: height,
  class: vh,
  values: (
    25: 25vh,
    50: 50vh,
    75: 75vh,
    90: 90vh,
    100: 100vh
  )
),

/* override the !default vars with the values we set above */
@import "/bootstrap-5/scss/bootstrap.scss";