html{
	
	font-size:100%;
}

body {
		font-family: 'Poppins', sans-serif;

  -webkit-font-smoothing: subpixel-antialiased;
	font-weight:300;
	color:#1F0322;

}

p {
	font-size: 1rem;
	line-height: 1.75em;
	margin: 0 0 1.75em 0;

}


h1 {
	font-size: 2.4rem;
	line-height: 1.2em;
	margin-top: 0em;
	


  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	
}






h2 {
	font-size: 1.9rem;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	
}


 h2:after{

	bottom:-19px;
	
}



h3 {
	font-size: 1.5rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.4em;
}


h4 {
	font-size: 1.3rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.4em;
}


h5 {
	font-size: 1.1rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.4em;
}


#footer-yhteystiedot h5{
	position:relative;
}


#footer-yhteystiedot h5:before{
content:"";
height:2px;
width:24px;
position:absolute;
background-color:#d33479;
left:0;
top:-18px;
}



#main-image-text{
	color:#ffffff;
}


#main-image-text p{
	font-size:1.2rem;
}

.ingressi p{
	font-size:1.1rem;
}


.small {
  font-size: 0.85rem; 

}

.small, #ala p{
	font-size:0.875rem;
}


footer p, .ingressi p+p{
	margin-bottom:0;
}


h1, h2, h3, h4, h5, #top-phone-number, #top-location{
	font-family: 'Abril Fatface', cursive;  -webkit-text-size-adjust: none;
	letter-spacing: 1px;

}



.button, #main-image-text a, .wp-block-media-text p a, #mobiili-linkit-soita{
text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:500!important;

}

 #top-phone-number span, #top-location{
	 font-size:1rem!important;
 }


#ala p{
	margin-bottom:1.75em!important;
}


@media all and (min-width: 600px) {



#main-image-text h1, #main-image-text p{
		white-space: nowrap;

}
}

@media all and (min-width: 1023px) {

	body {
  font-size: 17px;
  
}




h1 {
	font-size: 3rem;
	
}


h2 {
	font-size: 2.25rem;
	
}


h3 {
	font-size: 1.7rem;

}


h4 {
	font-size: 1.4rem;
	
}


h5 {
	font-size: 1.3rem;
	
}





#main-image-text p{
	font-size:2rem;

}


.ingressi p{
	font-size:1.25rem;
}

.text-align-right{
	text-align: right;
}



}


@media all and (min-width: 1260px) {



p{
	
	font-size:1.1rem;
	
}

h1 {
	font-size: 4rem;
	
}


h2 {
	font-size: 2.65rem;
	
}


h3 {
	font-size: 2rem;

}



h4 {
	font-size: 1.5rem;
	
}






}




@media all and (min-width: 1400px) {





h2 {
	font-size: 2.95rem;
	
}






h4 {
	font-size: 1.7rem;
	
}





}