@import

    'reflex',

    '../crispy_all',

    'site/header',
    'site/footer',

    'components/button',
    'components/nav',

    'templates/home';

@include site__header();

.container {
    max-width: $crispy__md;
}

.sm, .md, .md-only, .lg-only {
    display: none;
}

.sm {
    @include crispy__media-sm() {
        display: block;
    }
}

.md {
    @include crispy__media-md() {
        display: block;
    }
}

.md-only {
    @include crispy__media-md-only() {
        display: block;
    }
}

.lg-only {
    @include crispy__media-lg-only() {
        display: block;
    }
}