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

	body{ font-size:1.7vh; }

	#ylaosanAlue{
	min-height:150px; 
	height:220px; height:30.0vh;
	border: solid 0px #fff;
	}

	#taustaRef {
    	background-position: 0% -10%;
    	background-position: 0vh 0vh;
	}

	#aloitusPalkki{
	position:relative; top:40px; top:6.0vh;
	height:80px;
	height:7.5vh;
	}

	#logoTausta{
	max-width:564px; max-height:268px;
	width:23.0vh;
	height:13.0vh;
	margin-right:5.0vh;
	margin-top:2.0vh;
	}

	#logoTausta div{
	margin-top:3.0vh;
	line-height:0.5vh;
	}
	#logoTausta div span{
	font-size:1.7vh;
	margin-left:2.0vh;
	}


	#logoTausta img{
	width:240px; width:18.0vh; height:auto;
	}

	.valinta,.kielivalinta{
	margin-left:10px;
	margin-right:10px;
	}

	#valinnat img{ width:30px; }

	#viiva{	width:200px; width:15.0vh; }


	
#sisaltoNaytto{
width:100%;
min-height:800px;
}

#symboliSelite{
top:-120px;
top:-10vh;
height:80px; height:8vh;
max-height:70px;
width:50%;
border-radius:6px;
}

#symboliSelite div{
position:absolute;top:-20vh;
font-size:17px;
font-size:2.2vh;
margin:10px;
margin:3.0vh;
}

#symboliRivi{
height:140px;
height:11.2vh;
max-height:170px;
width:55.0vh; 
}

.symboliTausta{
border: solid 1px #274270;
border: solid 0.3vh #274270;
margin-left:12px; margin-right:12px;
margin-left:1.8vh; margin-right:1.8vh;
border-radius:7px;
}

.symboliTausta img{
height:8.0vh;
max-height:120px;
margin:8px;
}

#keskialueenTayte{
height:38.0vh;
}

#keskialueenTekstit,#keskialueenVaihtuvatTekstit{
font-weight:bold; font-size:2.2vh; text-shadow: 2px 2px 2px #000;
padding-left:50px; padding-right:50px;
}

#keskialueenTekstit span{ font-weight:bold; font-size:30px; font-size:3.0vh; line-height:6.0vh; }


	/**** ALAOSA ****/

#alaosanYhteystiedot{
margin:30px;
border-radius:8px;
}

#yhteystiedot,#osoitteet{
margin:20px; margin:1.5vh;
margin-bottom:35px; margin-bottom:3.5vh;
width:230px;
width:26.0vh;
font-size:22px; font-size:2.0vh;
line-height:26px; line-height:2.3vh;
}

#osoitteet font{
font-size:32px; font-size:2.8vh;
line-height:40px; line-height:9.2vh;
}

#yhteystiedot div{
padding-right:16px;
padding-right:1.0vh;
}

#yhteystiedot img{
width:240px; width:25.0vh;
}

#yhteyskuva{
height:12.0vh;
}

#tunnustukset{
bottom:3.0vh;
}

img.tunnustus{ max-height:160px; height:12.0vh; margin-right:10px; border-radius:6px; }
#media img{ max-height:80px; height:3.0vh; padding:1.0vh; border:0px; }


/**** MUUT ****/

.projektiAlue{ font-size:1.9vh; }

.tekstiAlue_otsikko,.tekstiAlue_otsikkoNaps{ font-size:26px; font-size:3.0vh; line-height:30px; line-height:6.0vh; }
.tekstiAlue_teksti,.tekstiAlue_tekstiNaps{ font-size:20px; font-size:1.8vh; line-height:24px; line-height:2.4vh; }

.refSisaltoOikP{ margin-right:0px; }

/*
.refSisalto{ max-height:570px; height:48.0vh; margin-bottom:2.0vh; margin-right:2.0vh; }
.refSisaltoVas .referenssinKuvat img,.refSisaltoVasP .referenssinKuvat img{ max-width:300px; max-width:33.0vh; height:auto; max-height:270px; }
.refSisaltoVas,.refSisaltoVasP{ width:70%; width:35.0vh; max-height:65%; height:30.0vh; }
.refSisaltoOik,.refSisaltoOikP{ width:20%; width:11.3vh; max-height:65%; height:29.0vh; padding-top:2.5vh; margin-left:1.6vh; }
.refSisaltoOikP{ margin:2.5vh; margin-right:1.5vh; margin-bottom:0vh; margin-top:0vh; }
.kuvaTausta { margin-bottom:0.4vh; }
.refTekstiAlue{ height:13.0vh; padding-right:0.3vh; }
*/

}

@media screen and (max-width:1370px) and (max-height:800px){

#taustaPalv{ background-position:0vh -17vh; }
#taustaRef{ background-position:0vh -11.5vh; }
#taustaYht{ background-position:0vh -15vh; }
}