.first, .second{
  height: 530px;
  width: 480px;
  margin: 0px;
  display: table;
}
.first_panorama{
  height: 270px;
  width: 770px;
  margin: 0px;
  display: table;
}
#wrapper{
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
#wrapper_portrait{
}
#wrapper_panorama{
  width: auto;
}
#kuva{
  max-height: 480px;
  width: 480px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: #909090;
}
#kuva_panorama{
  height: 240px;
  max-width: 100%;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: #909090;
}
#kuva_portrait{
  height: 460px;
  max-width: 460px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: #909090;
}
body, div{
  margin: 0px!important;
}
#kuvateksti{
  display: table-caption;
  caption-side: bottom;
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
  font-weight:normal;
  font-size: 10px;
  line-height: 180%;
  font-weight: normal;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  position: fixed;
  color: #888888;
}
#kuvateksti_portrait{
  display: table-caption;
  caption-side: bottom;
  margin-top: 0px;
  font-weight:normal;
  font-size: 10px;
  line-height: 180%;
  font-weight: normal;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  color: #888888;
}
#kuvateksti_panorama{
  display: table-caption;
  caption-side: bottom;
  height: 60px;
  width: 600px;
  margin-top: 0px;
  font-weight:normal;
  font-size: 10px;
  line-height: 180%;
  font-weight: normal;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  color: #888888;
}
p{
  font-weight:normal;
  font-size: 14px;
  line-height: 140%;
  margin-top: 0px;
  margin-right: 27px;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  color: #888888;
}