:root {
  /* Grid (breakpoints) */
  --xs: 0rem;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --xxl: 1400px;
  --max: 1600px;

  /* Container */
  --xs-container: 0rem;
  --sm-container: 540px;
  --md-container: 768px;
  --lg-container: 960px;
  --xl-container: 1140px;
  --xxl-container: 1320px;

  /* Other */
  --nav-breakpoint: var(--lg);
  --gutter-x: 30px;
}