// Responsive visibility classes

.u-visible-sm {
    @include respond-to(md) {
        display: none !important;
    }
}
.u-visible-md {
    @include respond-to(smaller-md) {
        display: none !important;
    }
    @include respond-to(lg) {
        display: none !important;
    }
}
.u-visible-lg {
    @include respond-to(smaller-lg) {
        display: none !important;
    }
}

.u-hidden-sm {
    @include respond-to(smaller-md) {
        display: none !important;
    }
}
.u-hidden-md {
    @include respond-to(md-only) {
        display: none !important;
    }
}
.u-hidden-lg {
    @include respond-to(lg) {
        display: none !important;
    }
}