html {
  height           : 100%;

}

body {
  height           : 100%;
  width            : 100%;
  background       : url('bg.jpg') top  repeat-x; 
  padding          : 0px;
  text-align       : center;
}
img.kuva
{
  text-align       : center;
  border-style     : inset;
  border-width     : 5px;
border-top-color: #999999;
border-left-color: #999999;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
//  height           : 360px;
// width            : 640px;
}
img
{
  text-align       : center;
    padding          : 10px;
//  height           : 360px;
// width            : 640px;
}
h1
{
color: #333;
font: italic small-caps 900 12px arial;
}

p
{
color: #555;
font: italic small-caps 900 12px arial;
}

a
{
color: #555;
font: italic small-caps 900 12px arial;
}



.tiesaa
{
width: 200px;
display: inline-block;
color: white;
text-align: center;
padding: 10px 20px;
margin: 15px auto 10px auto;
text-decoration: none;
font-style: normal;
border: 2px solid #ffffff;
background-color: blue;
font-family: "arial";
font-size: 30px;
text-transform: uppercase;
}




.pikapaketti
{
max-width: 350px;
display: inline-block;
color: yellow;
text-align: center;
padding: 10px 10px;
margin: 15px auto 10px auto;
text-decoration: none;
font-style: normal;
border: 2px solid #000;
background-color: #f7f5f0;
border-style: solid solid solid solid;
border-width: 2px;
border-radius: 0px 0px 5px 5px;
border-color: #663300;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: "arial";
font-size: 30px;
text-transform: uppercase;
}


@media screen and (max-width: 1290px) {
img.kuva
{
  height           : 468px;
  width            : 832px;
}
    
}

@media screen and (max-width: 832px) {
  img.kuva
{
  height           : 360px;
  width            : 640px;
}
  
}
@media screen and (max-width: 640px) {
  img.kuva
{
  height           : 252px;
  width            : 488px;
}





@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
{

html {
  height           : 100%;

}

body {
  height           : 100%;
  width            : 100%;
  background       : url('bg.jpg') top  repeat-x; 
  padding          : 0px;
  text-align       : center;
}
img.kuva
{
  text-align       : center;
  border-style     : inset;
  border-width     : 5px;
border-top-color: #999999;
border-left-color: #999999;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
}
h1
{
color: #333;
font: italic small-caps 900 2em arial;
}

p
{
color: #555;
font: italic small-caps 900 2em arial;
}

a
{
    visibility: hidden;
}

.laskuri
{
    visibility: hidden;
}

}