@import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins'; @import 'libs/skel'; @import 'font-awesome.min.css'; @import url($font-family-url);

/*

Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

*/

@include skel-breakpoints((
        xlarge: '(max-width: 1680px)',
        large: '(max-width: 1280px)',
        medium: '(max-width: 980px)',
        small: '(max-width: 736px)',
        xsmall: '(max-width: 480px)',
        xxsmall: '(max-width: 360px)'
));

@include skel-layout((
        reset: 'full',
        boxModel: 'border',
        grid: ( gutters: 2em ),
        breakpoints: (
                large: (
                        grid: ( gutters: 1.5em )
                ),
                small: (
                        grid: ( gutters: 1.25em )
                )
        )
));

@mixin inner {
        > .inner {
                @include padding(4em, 0);
                margin: 0 auto;
                max-width: _size(inner);
                width: calc(100% - 6em);

                @include breakpoint(small) {
                        @include padding(3em, 0);
                        width: calc(100% - 3em);
                }
        }
}

// Base.

@import 'base/page';
@import 'base/typography';

// Component.

@import 'components/section';
@import 'components/form';
@import 'components/box';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/table';
@import 'components/button';
@import 'components/tiles';
@import 'components/contact-method';
@import 'components/spotlights';

// Layout.

@import 'layout/header';
@import 'layout/banner';
@import 'layout/main';
@import 'layout/contact';
@import 'layout/footer';
@import 'layout/wrapper';
@import 'layout/menu';