@mixin breakpoint($breakpoint) {
   @media (max-width: #{$breakpoint}px) {
      @content;
    }
}

@mixin breakpointMin($breakpoint) {
    @media (min-width: #{$breakpoint}px) {
        @content;
    }
}

@mixin breakpointMinAndMax($breakpoint, $breakpoint2) {
    @media (min-width: #{$breakpoint}px) and (max-width: #{$breakpoint2}px) {
        @content;
    }
}