/*

Garamond Premier Pro Regular
font-family: "garamond-premier-pro", serif;
font-weight: 400;
font-style: normal;

Garamond Premier Pro Italic
font-family: "garamond-premier-pro", serif;
font-weight: 400;
font-style: italic;

------

EB Garamond Regular
font-family: "eb-garamond", serif;
font-weight: 400;
font-style: normal;

EB Garamond Medium Italic
font-family: "eb-garamond", serif;
font-weight: 500;
font-style: italic;

-------------------------------------------------------

Area Normal Hairline
font-family: "area-normal-light", sans-serif;
font-weight: 100;
font-style: normal;

Area Normal Thin
font-family: "area-normal", sans-serif;
font-weight: 100;
font-style: normal;

Area Normal Extralight
font-family: "area-normal-light", sans-serif;
font-weight: 200;
font-style: normal;

Area Normal Light
font-family: "area-normal-light", sans-serif;
font-weight: 300;
font-style: normal;

Area Normal Regular
font-family: "area-normal", sans-serif;
font-weight: 400;
font-style: normal;

Area Normal Bold
font-family: "area-normal", sans-serif;
font-weight: 700;
font-style: normal;

Area Normal Black
font-family: "area-normal", sans-serif;
font-weight: 900;
font-style: normal;

----------------------


Acumin Pro Bold
font-family: "acumin-pro", sans-serif;
font-weight: 700;
font-style: normal;



*/

.acuminb {
	font-family: "acumin-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
}


.garamond {
	font-family: "garamond-premier-pro", serif;
	font-weight: 400;
	font-style: normal;	
}
.garamondI {
	font-family: "garamond-premier-pro", serif;
	font-weight: 400;
	font-style: italic;
}


.garamondEB {	
	font-family: "eb-garamond", serif;
	font-weight: 400;
	font-style: normal;
}
.garamondEBI {	
	font-family: "eb-garamond", serif;
	font-weight: 500;
	font-style: italic;
}


.hairline {
	font-family: "area-normal-light", sans-serif;
	font-weight: 100;
	font-style: normal;
}
.ewtralight {
	font-family: "area-normal-light", sans-serif;
	font-weight: 200;
}
.light {
	font-family: "area-normal-light", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.regular {
	font-weight: 400;
}
.black {
	font-weight: 900;
	font-family: "area-normal", sans-serif;
}
.thin {
	font-weight: 100;
}
.bold {
	font-weight: 700;
}



strong {
    font-weight: 900;
    font-family: "area-normal", sans-serif;
}

	body {
	
		font-family: "area-normal-light", sans-serif;
		font-weight: 200;
		font-style: normal;
	    font-size: 19px;
	    line-height: 29px;
	    letter-spacing: 0em;
	}
	.smallText {
	    font-size: 17px;
	    line-height: 25px;
	}
	.miniText {
	    font-size: 15px;
	    line-height: 15px;
	}
	.intro {
	    font-size: 21px;
	    line-height: 31px;
	    font-family: 'Open Sans', sans-serif;
		
	}
	.mediumtext {
	    font-size: 23px;
	    line-height: 23px;
	}
    h1, .h1 {
        font-size: 68px;
        line-height: 68px;
        margin-bottom: 30px;
		font-family: "area-normal", sans-serif;
		font-weight: 700;
		font-style: normal;
    }
    h2, .h2 {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 30px;
		font-family: "area-normal", sans-serif;
		font-weight: 700;
		font-style: normal; 
    }
    h2 .garamondI {
        font-size: 47px;
        line-height: 47px;
    }
    h2.small {
        font-size: 34px;
        line-height: 34px;
    }
    h3, .h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 24px;
		font-family: "area-normal", sans-serif;
		font-weight: 900;
		font-style: normal; 
    }
    h3.small {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .subtitle {
        font-size: 31px;
        line-height: 31px;
    }
	p {
	    margin-bottom: 30px;
	}
	.coord {
		font-size: 22px;
		line-height: 22px;
	}
	.telm{
		font-size: 25px;
		line-height: 25px;
	}
	#presentation .l {
		font-size: 106px;
		line-height: 78px;
	}
	#presentation.smp .l {
		font-size: 65px;
		line-height: 65px;
	}
	h2.hairlined {
		font-size: 80px;
		line-height: 80px;
		font-weight: 100;
	}
	h2.hairlined span {
		font-size: 60px;
		line-height: 60px;
	}
	h4, .h4 {
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 0px;
		text-transform: uppercase;
	    letter-spacing: 0.08em;
	}
	h2.after:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d2d2d3;
		margin: 16px 0 20px;
	}

@media screen and (max-width: 1920px) {


	body {
	    font-size: 17px;
	    line-height: 27px;
	}
	.smallText {
	    font-size: 15px;
	    line-height: 23px;
	}
	.miniText {
	    font-size: 13px;
	    line-height: 13px;
	}
	.intro {
	    font-size: 19px;
	    line-height: 29px;
	}
	.mediumtext {
	    font-size: 21px;
	    line-height: 21px;
	}
    h1, .h1 {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 24px;
    }
    h2, .h2 {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 24px;
    }
    h2 .garamondI {
        font-size: 40px;
        line-height: 40px;
    }
    h2.small {
        font-size: 30px;
        line-height: 30px;
    }
    h3, .h3 {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    h3.small {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .subtitle {
        font-size: 21px;
        line-height: 21px;
    }
	p {
	    margin-bottom: 24px;
	}
	.coord {
		font-size: 20px;
		line-height: 20px;
	}
	.telm{
		font-size: 23px;
		line-height: 23px;
	}
	#presentation .l {
		font-size: 86px;
		line-height: 64px;
	}
	#presentation.smp .l {
		font-size: 56px;
		line-height: 56px;
	}
	h2.hairlined {
		font-size: 64px;
		line-height: 64px;
		font-weight: 100;
	}
	h2.hairlined span {
		font-size: 48px;
		line-height: 48px;
	}
	h4, .h4 {
		font-size: 11px;
		line-height: 14px;
	}
	h2.after:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d2d2d3;
		margin: 12px 0 20px;
	}
	
}

@media screen and (max-width: 1680px) {
 
	body {
	    font-size: 15px;
	    line-height: 25px;
	}
	.smallText {
	    font-size: 14px;
	    line-height: 21px;
	}
	.miniText {
	    font-size: 12px;
	    line-height: 12px;
	}
	.intro {
	    font-size: 18px;
	    line-height: 28px;
		
	}
	.mediumtext {
	    font-size: 20px;
	    line-height: 20px;
	}
    h1, .h1 {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    h2, .h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    h2 .garamondI {
        font-size: 36px;
        line-height: 36px;
    }
    h2.small {
        font-size: 26px;
        line-height: 26px;
    }
    h3, .h3 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    h3.small {
        font-size: 19px;
        line-height: 19px;
        margin-bottom: 4px;
    }
    .subtitle {
        font-size: 19px;
        line-height: 19px;
    }
	p {
	    margin-bottom: 19px;
	}
	.coord {
		font-size: 19px;
		line-height: 19px;
	}
	.telm{
		font-size: 22px;
		line-height: 22px;
	}
	#presentation .l {
		font-size: 64px;
		line-height: 46px;
	}
	#presentation.smp .l {
		font-size: 51px;
		line-height: 51px;
	}
	h2.hairlined {
		font-size: 51px;
		line-height: 51px;
		font-weight: 100;
	}
	h2.hairlined span {
		font-size: 38px;
		line-height: 38px;
	}
	h4, .h4 {
		font-size: 10px;
		line-height: 13px;
	}
	h2.after:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d2d2d3;
		margin: 10px 0 20px;
	}
}

@media screen and (max-width: 1440px) {
	.menu a {
	    font-size: 16px;
	    line-height: 16px;
	}
	.menu li:first-child {
		display: none;
	}
	#presentation.smp .l {
		font-size: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width: 1024px) {
    h3, .h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    h1, .h1 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 18px;
    }
	#presentation .l {
		font-size: 62px;
		line-height: 44px;
	}
	#presentation.smp .l {
		font-size: 46px;
		line-height: 46px;
	}
    
}




@media screen and (max-width: 820px) {
    h3, .h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 12px;
    }
	h1, .h1 {
	    font-size: 42px;
	    line-height: 44px;
	    margin-bottom: 20px;
	}
	#presentation.smp .l {
		font-size: 40px;
		line-height: 40px;
	}
    h3.small {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    
}





@media screen and (max-width: 767px) {

	
	body {
	    font-size: 17px;
	    line-height: 27px;
	}
	
	.smallText {
	    font-size: 16px;
	    line-height: 26px;
	}
  
	.intro {
	    font-size: 19px;
	    line-height: 29px;
		
	}
	#presentation .l {
		font-size: 42px;
		line-height: 32px;
	}
	#presentation.smp .l {
		font-size: 30px;
		line-height: 32px;
	}
	h1 {
        font-size: 28px;
        line-height: 30px;
	}
	.page_1 h1 {
        font-size: 25px;
        line-height: 30px;
	}
	.page_1 .subtitle {
	    font-size: 18px;
	    line-height: 14px;
	}

    h2, .h2 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 16px;
    }
    h2 .garamondI {
        font-size: 30px;
        line-height: 32px;
    }
    h2.small {
        font-size: 26px;
        line-height: 26px;
    }
	h2.hairlined {
		font-size: 40px;
		line-height: 28px;
		font-weight: 100;
	}
	h2.hairlined span {
		font-size: 30px;
		line-height: 30px;
	}
    h3, .h3 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 12px;
    }
	h4, .h4 {
		font-size: 12px;
		line-height: 15px;
	}
	h2.after:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #d2d2d3;
		margin: 6px 0 30px;
	}
		
		
}