html, body{width:100%;height:auto;}
@media screen and (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth;}}
body{padding-top:3em;font-size:20px;line-height:1.4;font-weight:light;}
section{scroll-margin-top:3em;}
/**********************************************************TYPE*/
a{text-decoration:none;}
*::selection{background-color:#2baed0;color:#fff;}
p, ul{hyphens:auto;}
strong{font-weight:700;}
ul li{padding-bottom:0.25rem;}
h1{font-size:4em;}h2{font-size:3em;}h3{font-size:2em;}h4{font-size:1em;}p{font-size:1em;} .lead{font-size:125%;}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:0.9;}
@media(max-width:768px){body{font-size:16px;}h1{font-size:3em;}h2{font-size:1.67em;}h3{font-size:1.33em;}h4{font-size:1em;}p{font-size:1em;}}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-md-1, .display-sm-2 {line-height:0.9;}
header div div h1{text-shadow:0px 0px 2px gray;text-transform:uppercase;font-size:600%;} @media(max-width:768px){header div div h1{font-size:480%;}}
.stackk{max-width:15ch;} @media(max-width:768px){.stackk{max-width:inherit;}}
.active{font-weight:500;color:inherit;}
/**********************************************************BACKGROUNDS**/
header .row {background-image:url(./img/front.jpg);background-repeat:none;background-attachment:scroll;background-position:67% 50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;color:#fff}
/**********************************************************MENU STYLES*/
.navbar-light .navbar-toggler{color:#2baed0;fill:#2baed0;border: none;}
