// $grid-breakpoints: (
//   xs: 0,
//   sm: 576px,
//   md: 768px,
//   lg: 992px,
//   xl: 1200px
// ) !default;

.hidden {
  display: none;
}

@each $key, $value in $grid-breakpoints {
  @media (max-width: #{$value}) {
    .hidden-#{$key} {
      display: none;
    }
  }
}
