@media screen and (max-width:1370px){
body{ background-size:150%; }
#ylaosa{ margin:20px; margin:2.0vh; font-size:15px; font-size:2.4vh; height:400px; height:33.0vh; max-height:400px; }
#ylaosa div { height:160px; height:22.0vh; border:solid 0px red; }
#ylaosaKuvio{ margin-right:12px; }
#ylaosaKuvio img{ min-height:20px; height:15.0vh; }

#ylaosaTeksti{ font-size:2.2vw; width:600px; width:44.0vw; }
#ylaosaTeksti font{ font-size:3.0vw; }

#sisalto .reunaKuva{ width:10.0vw; height:40.0vh; border-left:solid 10px #f69139; border-right:solid 10px #f69139;  }
#sisaltoTaulukko{ width:auto; height:inherit; margin:0px; padding:0px; height:100%; }
#sisalto .kuvaTeksti{ width:20.0vw; font-size:2.5vh; }
#sisalto #kuvaTekstiKesk{ width:450px; width:50.0vw; max-width:900px;  }
table{ font-size:10px; font-size:1.3vh; height:40.0vh; }
#tayte{ width:100%; height:20px; }
#alaosa{ margin-top:2.8vh; font-size:14px; font-size:2.0vh;  }
}


@media screen and (max-width:750px){
body{ background-size:130%; }
#ylaosa{  height:40.0vh;  }
#ylaosaKuvio img{ min-height:20px; height:18.0vh; }
#sisalto .reunaKuva{ width:13.0vw; height:42.5vh;  }
#ylaosaTeksti{ font-size:2.4vw; }
#ylaosaTeksti font{ font-size:3.3vw; }
}

@media screen and (max-width:430px){
body{ font-size:15px; font-size:2.1vh; background-size:360%; background-size:320.0vw; background-position: -300px 0px; background-position: -38.5vh 0px; }

#ylaosa{ margin:10px; margin:1.2vh; font-weight:bold; font-size:14px; font-size:2.0vh; height:100px; height:15.0vh; max-height:200px; border:solid 0px black;}
#ylaosa div { border:solid 0px red; height:160px; height:27.0vh;  }

#ylaosaKuvio{ margin-right:6px; height:130px; height:15.0vh; }
#ylaosaKuvio img{ min-height:20px; height:8.5vh; }
#ylaosaLogo { margin-right:0px; height:130px; width:230px; width:62.0vw;  }
#ylaosaLogo img{ min-height:20px; height:6.2vh; margin-bottom:5px;  }
#ylaosaLogo span{ text-shadow: 1px 1px 2px #000; line-height:20px; line-height:1.0vh;  }

#ylaosaTeksti{ display:block; height:200px; height:5.0vh; width:100%; font-size:30px; font-size:3.0vh; letter-spacing:-1px; line-height:34px; line-height:5.0vh; }
#ylaosaTeksti font{ font-size:36px; font-size:4.5vh; text-shadow: 1px 1px 2px #000; }

#sisalto{ display:block; margin:0px; margin-top:180px; background-color:transparent; border:solid 0px red; }
#sisalto .reunaKuva, #sisalto #sisaltoTaulukko{ display:none; }

#sisalto .kuvaTeksti{ margin-top:0px; margin-top:2.5vh; width:100%; max-width:100%; height:auto; font-size:15px; font-size:2.1vh; font-weight:bold;  color:#000; border:solid 0px red;}
#sisalto #kuvaTekstiKesk{ width:100%; max-width:100%;  }

#tayte{ width:100%; height:50px; }
#alaosa{ margin-top:150px; margin-top:0px; width:100%; text-align:center; font-size:14px; font-size:1.8vh;  }
#alaosa .laskutus{ float:none; text-align:center; margin-left:10px; margin-right:10px;  }
#alaosa .yritystun{ float:none; margin-top:20px; text-align:center; margin:0px; }
}