@font-face {
    font-family: 'montserrat';
    src: url('montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'montserratbold';
    src: url('montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'quicksand';
    src: url('quicksand-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Nunito Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Regular'), url('Nunito-Regular.woff') format('woff');
    }
	
html {scroll-behavior: smooth;}
body{margin:0; padding:0; padding-bottom:0; font-family: 'Nunito Regular'; font-size:16px; color:#232323}
@media only screen and (min-width:100px) and (max-width:767px){
body{padding-top:70px; padding-bottom:0;}
}

img {max-width:100%}
p{line-height:1.4;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding-bottom:8px;}
h1,h2,h3,h4,h5,h6{letter-spacing:0.4px; line-height:1.3;font-family: 'montserrat';}
/*h1{font-size: 28px;} h2{font-size: 30px;} h3{font-size: 22px;} h4{font-size: 20px;} h5{font-size: 17px;}//*/
h3 span{line-height:0.5;}
span{}
a {text-decoration:none;color:#3584b5;}


/*---------------------------------------------------*/
/*------------- COLOR ----------------*/
/*---------------------------------------------------*/
.blue {color:#0066CC}
.bgblue {background-color:#0066CC}