/* ==========================================================================
   helper classes
   ========================================================================== */

.margin-top {
    margin-top: 2rem;
}

%clearfix,
.clearfix {
    zoom: 1;

    &:before,
    &:after {
        content: '';
        display: table;
    }

    &:after {
        clear: both;
    }
}

.small-screen {
    @media(min-width: $screen-sm-min) {
        display: none;
    }
}

.large-screen {
    display: none;

    @media(min-width: $screen-sm-min) {
        display: inline;
    }
}