@media screen and (max-width: 760px) {


	.left {width: 46%;  }
	.leftwide {width: 96%; border-right: none; }
	.center {width: 44%;   border-right: none;}
	.right {width: 96%; border-top: 1px dotted #A4A4A4;}
	.yhteyshlo { width: 46%; 	}
	a.pdf:link, a.pdf:visited { border-bottom: none;  }
	
	section#cols {
	width: 100%;
	-webkit-column-count: 2;
   	-webkit-column-gap:   10px;
   	-moz-column-count:    2;
   	-moz-column-gap:      10px;
   	column-count:         2;
   	column-gap:           10px; }


}



@media screen and (max-width: 680px) {
	.js #menu { display:none; 	}
	.js .slicknav_menu { display:block; 		}
	div.jasen { width: 47%;  padding: 10px 1% ; margin: 10px 1% 0 0; min-height: 250px; }
	div#formleft, div#formright { width: 94%; padding: 5px 2%; margin: 5px 1%; float: left;}
	div.left-etu {  width: 100%;  }
	span.esite { float: right; width: 30%; margin: 0 0 15px 2%; padding: 0 auto; border: none; font-weight: 400; color: #333333; font-size: 1.2em; line-height: 1em;  text-align: center; }
	span.esite img { float: right; width: 80%; margin: 0 10% 10px 0; border: none;}
	div.right-etu { display: block; float: left; width: 100%; margin: 0 ; padding: 0;  }
	

	.slicknav_nav a{ /* menu items*/
    padding:2px 10px;
    margin:1px 4px;	}
	
}

@media screen and (max-width: 580px) {
h1 { font-size: 1.8em;}
h2 { font-size: 1.2em;}
.left {width: 94%;   padding: 5px 2%; margin: 5px 1%; border-right: none;}
.center {width: 94%; padding: 5px 2%; margin: 5px 1%;border-top: 1px dotted #A4A4A4;}
.right {width: 94%; padding: 5px 2%; margin: 5px 1%;border-top: 1px dotted #A4A4A4;}
.leftwide {width: 94%;   padding: 5px 2%; margin: 5px 1%;  }
.yhteyshlo { width: 96%; min-height: 10px; 	}


	
	
	
}

@media screen and (max-width: 480px) {
		h1 { font-size: 1.3em;}
		h2 { font-size: 1em;}
		.wide {  width: 96%; padding:  0 2%;}
		div.jasen { width: 94%;  padding: 5px 2%; margin: 5px 1%; min-height: none; }
		span.esite {visibility:hidden;}


		section#cols {
		width: 100%;
		-webkit-column-count: 1;
	   	-webkit-column-gap:   10px;
   		-moz-column-count:    1;
   		-moz-column-gap:      10px;
	 	column-count:         1;
		column-gap:           10px;
		}
		
}