$baseFontSize: 16;
@function rem($pixels) {
  @return $pixels / $baseFontSize * 1rem;
}
@mixin mq_max_sm {
  @media (max-width: 575px) {
    @content;
  }
}
@mixin mq_sm {
  @media (min-width: 576px) {
    @content;
  }
}
@mixin mq_max_md {
  @media (max-width: 767px) {
    @content;
  }
}
@mixin mq_md {
  @media (min-width: 768px) {
    @content;
  }
}
@mixin mq_max_nav {
  @media (max-width: 939px) {
    @content;
  }
}
@mixin mq_nav {
  @media (min-width: 940px) {
    @content;
  }
}
@mixin mq_max_lg {
  @media (max-width: 991px) {
    @content;
  }
}
@mixin mq_lg {
  @media (min-width: 992px) {
    @content;
  }
}
@mixin mq_max_xl {
  @media (max-width: 1199px) {
    @content;
  }
}
@mixin mq_xl {
  @media (min-width: 1200px) {
    @content;
  }
}
@mixin mq_max_xxl {
  @media (max-width: 1399px) {
    @content;
  }
}
@mixin mq_xxl {
  @media (min-width: 1400px) {
    @content;
  }
}