body {
  font-size: 15px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
color:#3a3a3a;
}


.keskitys{

text-align:center;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}


h1 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.3em;
	color:#0897dd;
}


h2 {
	font-size: 1.55em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.3em;
		color:#0897dd;

}


h3 {
	font-size: 1.35em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.3em;
	color: #0897DC;
}


h4 {
	font-size: 1.15em;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.3em;
}




.pieni {
  font-size: 0.85em; 

}


footer .pieni, #intro p{

margin-bottom:0;
}



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


* {
	text-shadow: 0 1px 1px rgba(0,0,0,0.015);	
}









h1, h2, h3 {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
 
  /* Instead use this non-standard one: */
  word-break: break-word;

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

}



#ajankohtaista h2 , #ajankohtaista2 h2{
	margin-bottom:0;
	color:#0897dd;
}
#palsta-vasemmalle h1, #palsta-vasemmalle h2 {
	color: #0897dd;
}
#palsta-vasemmalle h2 {
	margin-top: 0px;
	line-height: 1.2em;
}
.uutiset h4   {
	
	margin-bottom: 0em;
	color: #0897dd;
	white-space: nowrap;
	font-weight: 600;
}
.uutiset h4 a {
	color: #0897dd;
	text-decoration: none;
}
.uutiset h4 a:hover {
	color: #10abf6;
}
.uutiset ul {
	margin-top: 1.25em;
}
.uutiset ul li {
	color: #3a3a3a;
	list-style-type: none;
	font-size: 0.95em;
	margin-bottom: 1.75em;
	font-weight: 700;
}
.uutiset ul li a {
	
	display: block;
	padding-bottom: 0.2em;
	color: #0897dd;
	line-height: 1.5em;
	font-weight: normal;
	font-size:1.015em;
	padding-top:0.25em;
}
.uutiset ul li a:hover {
	text-decoration: none;
}

.paivamaara {
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight: 500;
	color: #3a3a3a;
	display: block;
}



p a {
	color: #0897dd;
}
p a:hover , .peruslista li a:hover{
	text-decoration: none;
}

.peruslista li{
	background-image: url(../kuvat/uutiset-li-bg.png);
	background-repeat: no-repeat;
	background-size:10px 10px;
	background-position: left 7px;
	padding-left: 1.1em;
	list-style-type: none;
	line-height: 1.5em;
}
.peruslista li a {
	text-decoration: underline;
	color: #0897dd;
}
.peruslista {
	margin-bottom: 1.5em;
}



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

	body {
  font-size: 16px;
}



h1 {
	font-size: 2em;
	
}


h2 {
	font-size: 1.6em;
	
}


h3 {
	font-size: 1.45em;

}


h4 {
	font-size: 1.2em;
	
}

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



}


@media handheld, only screen and (min-width: 1260px) {

	body {
  font-size: 17px;
}

h1 {
	font-size: 2.1em;
	
}


h2 {
	font-size: 1.7em;
	
}


h3 {
	font-size: 1.55em;

}


h4 {
	font-size: 1.25em;
	
}


.uutiset ul li a {
	
	font-size:1.1em;
}



}