body, html {background-color: #78baf1; overflow: hidden; }
div.layer {position: absolute; width: 120%; height: 100%; }
div.img {position: absolute; background: transparent none no-repeat center center; width: 100%; height: 100%;}
div.fish2 {background-image: url("img/vis2.png"); margin-top: 50px; margin-left: -120px; background-position: 60% 90%; }
div.fish1 {background-image: url("img/vis1.png"); margin-top: 50px; margin-left: -120px; background-position: 30% 50%;  }
div.fish3 {background-image: url("img/vis1.png"); margin-top: 70px; margin-left: -160px; background-position: 34% 50%;  }
div.bird {background-image: url("img/bird.png"); margin-top: -250px; background-position: 10% 50%;}
div.whale {background-image: url("img/whale.png"); margin-top: 50px; margin-left: -120px; }
div.waving {background-image: url("img/waving.png"); margin-top: -95px; margin-left: -151px; }
div.waves {background-image: url("img/wavesshade.png"); margin-top: 266px; margin-left: -141px; background-repeat: repeat-x; } 
.tekst div.whale {background-image: url("img/whale.png"); margin-top: 50px; margin-left: 80px; }
.tekst div.waving {background-image: url("img/waving.png"); margin-top: -95px; margin-left: 49px; }
.tekst div.fish2 {background-image: url("img/vis2.png"); margin-top: 50px; margin-left: -120px; background-position: 20% 90%; }
div.content {display: none; } 
div.body {position: fixed; right: 50px; bottom: 50px; width: 280px; padding: 10px 20px; background: white url("img/logo.png") no-repeat top right; font-size: 16px; font-family: 'Russo One', sans-serif; color: #404040; }
h1 {font-size: 23px; font-weight: bold; color: #2c6391; }
h2 {font-size: 18px; font-weight: bold; }
dl dt {display: none; } 
div.body a {color: #404040; text-decoration: none; }
div.page {position: fixed; width: 680px; background: white; right: 40px; top: 20px; height:90%; overflow: auto;  padding: 10px 20px; font-size: 14px; font-family: 'Russo One', sans-serif; color: #404040; }
div.page p {margin-bottom: 10px; }
div.tekst {position: fixed; top: 50px; background: url("img/transp.png"); width: 700px; left: 50px; bottom: 50px;  overflow: auto;  padding: 10px 20px; font-size: 14px; font-family: 'Russo One', sans-serif; color: #404040; border: 2px solid white; }
div.tekst p, div.tekst li  {margin-bottom: 10px; }

@media (max-width: 700px) {
  div.body {right: 10px; left: 10px; bottom: 10px; width: auto; padding: 10px 15px; background-size: 60px auto; }
  div.page, div.tekst {position: fixed; left: 10px; right: 10px; top: 10px; bottom: 10px; width: auto; height: auto; box-sizing: border-box; padding: 10px 15px; }
  div.layer {width: 100%; }
}