// Some Mixins for various screen sizes

@mixin for-desktop {
    @media screen and (min-width: 1000px) {
        @content;
    }
}

@mixin for-wide-desktop {
    @media screen and (min-width: 1200px) {
        @content;
    }
}

@mixin for-narrow-screen {
    @media screen and (max-width: 800px) {
        @content;
    }
}
