2 @import 'libs/functions';
4 @import 'libs/my-mixins';
6 @import 'libs/breakpoints';
7 @import 'libs/html-grid';
8 // MY COLOR DEFINITIONS
11 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
15 @include breakpoints((
16 xlarge: (1281px, 1680px ),
17 large: (981px, 1280px ),
18 medium: (737px, 980px ),
19 small: (481px, 736px ),
20 xsmall: (361px, 480px ),
21 xxsmall: (null, 360px )
29 @include padding(4em, 0);
31 max-width: _size(inner);
32 width: calc(100% - 6em);
34 @include breakpoint('<=small') {
35 @include padding(3em, 0);
36 width: calc(100% - 3em);
45 @import 'base/typography';
49 @import 'components/row';
50 @import 'components/section';
51 @import 'components/form';
52 @import 'components/box';
53 @import 'components/icon';
54 @import 'components/image';
55 @import 'components/list';
56 @import 'components/actions';
57 @import 'components/icons';
58 @import 'components/pagination';
59 @import 'components/table';
60 @import 'components/button';
61 @import 'components/tiles';
62 @import 'components/contact-method';
63 @import 'components/spotlights';
67 @import 'layout/header';
68 @import 'layout/banner';
69 @import 'layout/main';
70 @import 'layout/contact';
71 @import 'layout/footer';
72 @import 'layout/wrapper';
73 @import 'layout/menu';