@import

    'reflex',
    '../crispy-all',
    'site/header',
    '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;
    }
}

.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {
    display: block;
}

.triangle-left {
    @include triangle('left', $crispy__color-primary);
}

.triangle-right {
    @include triangle('right', $crispy__color-primary);
}

.triangle-top {
    @include triangle('top', $crispy__color-primary);
}

.triangle-bottom {
    @include triangle('bottom', $crispy__color-primary);
}

.h3__icon {
    display: inline-block;
    border: 3px solid $crispy__color-primary;
    border-radius: 50%;
    padding: 0.6em;
    margin: 0 0 0.5em;

    .icon {
        font-size: 3rem !important;
    }
}