@charset "UTF-8";
/* CSS Document */

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


	
	



}


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


	#hnavi {		
		font-size: 88%;
		font-weight: normal;
	}	
	#hnavi ul li {
	}	
	
	.teksti_pad {
		font-size:2em;
		padding: 2em 2% 1em 0;
	}



}
@media only screen
and (max-width: 800px) {

	

	#hnavi {
		font-size: 81%;
		font-weight: normal;
	}	
	#hnavi ul li {
		padding:0 0.5em;
	}
	#hnavi ul li:first-child { 
		padding:0px 0.5em 0 0; 
	}
	#hnavi ul li:last-child { 
		padding:0px 0 0 0.5em; 
		border-right:0;
	}	
	
	.teksti_pad {
		font-size:2em;
		padding: 2em 2% 1em 0;
	}


}



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

	#header {
		height:140px;
	}
	#slogan {
		display:none;
	}
	.teksti_pad {
		font-size:2em;
		padding: 2em 2% 1em 0;
	}
	



}









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

	#karuselliarea {
		display:none;
	}
	#hnavi {
		font-size:100%;
		display:none;
	}
	#hnavi ul li {
		padding:0 0;
		float:none;
		line-height:3em;
		
		border-right:none;
		border-bottom:1px solid #ffffff;
	}
	#hnavi ul li:first-child { 
		padding:0 0;
	}
	#hnavi ul li:last-child { 
		padding:0 0;
		border-bottom:0;
	}	
	#nimihide, #menushowhide {
		display:block;
	}

	.kuvastia_pad_va, .kuvastia_pad_oa {
		float:none;
		margin: 0.4em 0 0.8em 0;
		max-width:100%;
	}

}




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

	#header {
		height:auto;
	}



}