body {
	font-size: 18px;
font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;	color: #202020;
}

h1, h2, h3, h4{
 font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	font-weight: 700;
}


p {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.75em;
  font-weight:400;

}





h1, #intro p{
	color: #ffffff;

}

h1 {
	font-size: 3em;
	line-height: 1.275em!important;
	margin-bottom:0.2em;
	
}




#intro p{
	font-size: 1.6em;
	margin-bottom:1em;
	max-width: 900px;
	margin-left:auto;
	margin-right: auto;
	
}
.ingressi {
  font-size: 1.4em;
  margin-bottom: 1.5em;
}

.ingressi2 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  text-align: left;

}



h2 {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.45em;
}


h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.45em;
}
.herate h3 , .herate h4{
  color: #FFFFFF;
  margin-bottom: 0.5em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.4em;
	color: #FF0000;
}
h5 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.4em;
}
.nosto h3, .nosto-ota-yhteytta h3{
  font-size: 1.25em;
  line-height: 1.2em;
  margin-top: 0em;
  margin-bottom: 0.3em;
}
footer h4 {
  color: #F6F4F8;
  font-size: 1em;
}
.nosto-ota-yhteytta h3 {
  color: #FFFFFF;
}
.nosto p {
  margin-bottom: 0.75em;
}


 h3 a{
	color:#202020;
	text-decoration: none;
	display:block;
}

h3 a:hover{
	color:#FF0000;
}

p a, .peruslista li a {
  color: #FF0000;
  text-decoration: none;
  font-weight: 700;
}


p a:hover, .peruslista li a:hover {
  
  text-decoration: underline;
}


footer ul li {
  color: #F6F4F8;
  font-size: 0.9em;
  line-height: 1.75em;

}
footer .peruslista li a, #ylayhteystiedot a{
  color: #F6F4F8;
  text-decoration: none;
  font-weight: 700;
}
.herate p a {
	color: #FFFFFF;
}


.pieni {
  font-size: 0.8em; 

}


.keskitys{
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}





h2, h3, nav li a {
  font-weight: 700;
}




a {
    transition:all 0.2s ease-in-out 0s;
}


 



@media handheld, only screen and (max-width: 1200px) {


h1 {
  font-size: 2.5em;
  
}


#intro p{
  
  font-size: 1.3em;

  
}

}


@media handheld, only screen and (max-width: 980px) {

h1 {
  font-size: 2.2em;
  
}


#intro p{
  
  
 
  font-size: 1.35em;

}




}


@media handheld, only screen and (max-width: 480px) {

  h1 {
  font-size: 1.6em;
  
}


h2{
  
  font-size: 1.5em; 
  
}


h3{
  
  font-size: 1.2em; 
  
}


h4{
  
  font-size: 1em; 
  
}

#intro p, .ingressi{
  
    font-size: 1.15em;

  
}

}