@mixin medium {
    @media screen and (max-width: 992px) {
          @content;
    }
  }
  @mixin small {
    @media screen and (max-width: 768px) {
          @content;
    }
  }
  @mixin x-small {
    @media screen and (max-width: 576px) {
          @content;
    }
  }