//@import 'colors';

@import "susy";
$susy: (
    'columns': susy-repeat(8, 202px),
    'gutters': 1em,
    'spread': 'narrow',
    'container-spread': 'narrow',
);
@import "include-media";

//----------------------------------
// reset
* {
    box-sizing:border-box;
}
body {
    margin: .5em;
}
nav * {
    list-style: none;
    padding:0;
    margin:0;
}
html {
    height:100vh;
}
html { -webkit-text-size-adjust: 100%; }

$view_mobile: "only screen and (max-width : 450px)";
$view_tablet: "only screen and (max-width : 1149px)";
$view_not_mobile: "only screen and (min-width : 1150px)";



// font-weight:
// defaults taken from https://www.w3schools.com/csSref/pr_font_weight.asp
$normal: 400;
$bold: 700;
$light: 100; 


$hspace: 1.3em;
$vspace: 1.3em;



@import "colours";
@import "freaCMSfeatures";
@import "fonts";
@import "structure";
//@import "design";
//@import "onthefly";
//@import "admin";

//@import "dev";