html{
	
	font-size:100%;
}

body {
 font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
font-weight: 400;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
	color:#040328;

}

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

}


strong{
	font-weight:600;
}


h1 {
	font-size: 2rem;
	line-height: 1.25em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	
	
}


h1, h2, footer h4 {
	display:inline-block;
	position:relative;
	padding-bottom:0.55em;
}


 h1:after, h2:after, footer h4:after{
	position:absolute;
	height: 4px;
	border-radius:10px;
	width:50px;
	background-color:#0B0966;
	content: "";
	bottom:0;
	left:0;
}

h2:after{
	 left: 50%;
    margin-right: -50%;
    transform: translate(-50%);
    bottom:-3px;
}

.align-left h2:after{
	left:0!important;
	margin-right:0!important;
	transform:none!important;
}


footer h4:after{
	
    
    bottom:-3px;
}


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


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


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

#intro p{
	font-size: 1.35rem; 
	line-height: 1.45em;
	
}

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


.small {
  font-size: 0.95rem; 

}

h1, h2, h3{
	color:#0D0A76;
}


h1, h2, h3, h4, #intro p, .main-navigation a, .button, footer strong{

	 font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-style: normal;
font-weight: 700;
}

#intro p{
	font-weight: 600;

}

#intro p, .vahvuus p, footer .small, .referenssi p{
	margin-bottom:0;
}

footer .small{
	color:#ffffff;
}


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

	body {
  font-size: 19px;
  
}




h1 {
	font-size: 3.2rem;
	
}


h2 {
	font-size: 2.4rem;
	
}


h3 {
	font-size: 1.6rem;

}


h4 {
	font-size: 1.3rem;
	
}


#intro p{
	font-size: 1.7rem; 
	
}

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


.small {
  font-size: 1rem; 

}

footer ul{
	margin-bottom:0!important;
}



}


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



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

h1 {
	font-size: 3.6rem;
	
}


h2 {
	font-size: 2.6rem;
	
}


h3 {
	font-size: 1.7rem;

}



h4 {
	font-size: 1.5rem;
	
}


#intro p{
	font-size: 1.9rem; 
	
}



.small {
  font-size: 1.055rem; 

}

}