
body, html {background-color: #78baf1; overflow: hidden; } 
div.layer {position: absolute; background: transparent none no-repeat center center; }
div.fish2 {background-image: url("img/vis2.png"); width: 94px; height: 37px; top: 90vh; left: 65vw; }
div.fish1 {background-image: url("img/vis1.png"); width: 91px; height: 34px; top: 68vh; left: 10vw; }
div.fish3 {background-image: url("img/vis1.png"); width: 91px; height: 34px; top: 72vh; left: 15vw;  }
div.bird {background-image: url("img/bird.png"); width: 152px; height: 98px; top: 20vh; left: 20vw; }
div.whale {background-image: url("img/whale.png"); width: 331px; height: 370px; top: 50vh; top: calc(50vh - 100px); left: calc(50vw - 170px); }
div.waving {background-image: url("img/waving.png"); width: 136px; height: 126px; top: 50vh; top: calc(50vh - 130px); left: calc(50vw - 100px); }
div.waves {background-image: url("img/wavesshade.png"); width: 200vw; left: -50vw; height: 600px; top: 50vh; background-repeat: repeat-x;   } 

.tekst div.bird {left: 60vw; }
.tekst div.whale {left: calc(80vw - 170px); }
.tekst div.waving {left: calc(80vw - 100px); } 

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; border-radius: 8px; }
footer {position: fixed; right: 20px; bottom: 10px; font-size: 16px; font-family: 'Russo One', sans-serif; color: #404040; }
footer a {color: #404040; text-decoration: none; }
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; max-width: 100%; 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; }
