html{
	
	font-size:102%;
}

body {
	font-family: proxima-nova,sans-serif;
	
font-weight: 400;
font-style: normal;
 
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
	color:#001868;

}

p, .page-content ul {
	font-size: 1.1rem;
	line-height: 1.75em;
	margin: 0 0 1.75em 0;

}


h1 {
	font-size: 1.8rem;
	line-height: 1.35em;
	margin-top: 0em;
	margin-bottom:0;
display:inline-block;
	
}





h2 {
	font-size: 1.4rem;
	line-height: 1.35em;
	margin-top: 0em;
	margin-bottom: 0.75em;
}


h3 {
	font-size: 1.15rem;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.45em;
}


h4 {
	font-size: 1rem;
	line-height: 1.25em;
	margin-top: 0em;
	margin-bottom: 0.45em;
}




.small {
  font-size: .975rem; 

}

h1, h2, h3,.button, nav ul li, .ingressi p, .tagline{
font-weight: 800;
 font-family: termina, sans-serif;
}



.main-image-text .korostus{
	font-weight: 900;
	font-size:1.275em;
	color:#0045D0;
	   position: relative; 
	   	line-height: 1.375em;




}



.main-image-text .korostus:after {
    position: absolute;
    height: 12px;
    margin: 0 auto;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    background-color: #c8ef2f;
    left: 0;
    bottom: 16px;
    z-index:-1;
    transition: height 0.3s ease-in-out;
}






h4,  nav ul li {
	font-weight:700;
}


h1{
	color:#0045D0;
}



 .blue-bg-gradient p, .blue-bg-gradient a, .blue-bg-gradient-kuvitus, .tagline{
		color:#ffffff;

}

h2{
	color:#0045D0;
}



footer p{
	margin-bottom:0;
}



.tagline{
	font-size:1.2rem;
	text-align: center;
}


strong{
	font-weight:600;
}

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

html{
	
	font-size:104%;
}


	body {
  font-size: 18px;
  
}




h1 {
	font-size: 2.4rem;
	
}


.alasivu h1{
	margin-top:-3em!important;
}


.main-image-text .korostus{
		font-size:1.75em;

}


h2 {
	font-size: 1.7rem;
	
}

.alasivu h1{
		margin-bottom: 2em;

}


h3 {
	font-size: 1.4rem;

}


h4 {
	font-size: 1.2rem;
	
}




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







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

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



.main-image-text .korostus:after {
      height: 30px;
       bottom: 30px;
  }



.main-image-text .korostus:hover:after{
    height: 20px;
	
}





}


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



p, .page-content ul {
	
	font-size:1.275rem;
	
}

h1 {
	font-size: 3.3rem;
	
}


h2 {
	font-size: 2.3rem;
	
}









}