$breakpoint-small: $breakpoint-mobile - 0.0625em;
$breakpoint-medium: $breakpoint-mobile;

@mixin small {
    @media only screen and (max-width: $breakpoint-small) {
        @content;
    }
}

@mixin medium {
    @media only screen and (min-width: $breakpoint-medium) {
        @content;
    }
}