@mixin breakpoint($class)
    @if $class == el
        @media (max-width: 1200px)
            @content

    @else if $class == lg
        @media (max-width: 992px)
            @content

    @else if $class == md
        @media (max-width: 768px)
            @content

    @else if $class == sm
        @media (max-width: 576px)
            @content

    @else
        @warn "Breakpoint mixin supports: el, lg, md, sm"