@mixin breakpoint($class) {
    @if $class == s {
        @media (max-width: 767px) {
            @content;
        }
    } @else if $class == xs {
        @media (max-width: 568px) {
            @content;
        }
    } @else if $class == md {
        @media (max-width: 991px) {
            @content;
        }
    } @else if $class == lg {
        @media (max-width: 1200px) {
            @content;
        }
    } @else if $class == xl {
        @media (max-width: 1300px) {
            @content;
        }
    } @else if $class == xlg {
        @media (max-width: 1440px) {
            @content;
        }
    } @else if $class == xxl {
        @media (max-width: 1555px) {
            @content;
        }
    } @else {
        @warn "Breakpoint Error, Peritidos: xs, s, md, lg, xl, xlg, xxl";
    }
}
