body {
margin: 0px;
background-color: #4f524c;

HEIGHT: 1500PX;}

section.frontcontainer {
    width: 100%;

    background-image: url(front.png);
    background-position: center 230px;
    background-repeat: no-repeat;

}


/* CSS for high-resolution devices
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
*/
    body {
    background-image:  url(top_retina.jpg), url(bkg_top.jpg);
        background-size: 1817px, auto ;
        background-position: center -100px, center top;
        background-repeat: no-repeat, repeat-x;
    }


    section.frontcontainer { background-image: url(front_retina.png);
        background-size: 1817px;
      background-position: center 130px;
    text-align: center;
    padding-top: 657px;

    }

    .wrapper { width: 1871px; height: 691px; position: absolute;
        background-image: url(top_retina.jpg);
        background-size: 1817px;
        background-position: center -100px;
    }
/*
}*/

section.back { position: absolute; left: 32px; top: 32px; }
section.back .arrow { position: relative; top: -5px;margin-right: 8px; }

section.text {
    margin-top: -74px;
    padding-top: 42px;
    background-image: url(bkg.jpg);
    background-repeat: repeat-x;
    background-color: #6a915c;
    color: white;
    font-size: 30px;
    font-family: tox_typewriterregular, Courier, Times, Serif;
    line-height: 1.3em;
    text-align: center;
    overflow: auto;

}
section.text .content { width: 960px;
    margin: auto;
    padding-top: 64px;
    margin-bottom: 64px;
}

section.text p {
    text-align: center;

    padding: 0px;
    margin: 0px;
}

section.text img {  margin-bottom: 16px; margin-top: 6px; }
.buttons img:hover { filter: drop-shadow(3px 3px 10px rgba(255, 255, 255, 0.8)); }

@media (min-width: 840px)
{
    section.text i { white-space: nowrap; position: relative; top: -50px !important; }
    div.buttons.above { position: absolute;right: 65px; top: 32px;}
}

    @media (max-width: 840px)
{

    section.frontcontainer div img { max-width: 95%; margin: auto; }
    section.text .content { width: 90%; margin: auto; text-align: center;}
    section.text .content img { float: none;}
    div.buttons.above { display: none; }
    section.text p {
        width: 100%;
    }



}


/* Embed on pekka.net */

body.full {background-position: center -80px, center top; }
body.full section.frontcontainer {
    background-position: center 48px;
    padding-top: 537px;
}

body.full .buttons.above { display: none; }

body.loggedin.full {background-position: center -80px, center top; }
body.loggedin.full  section.frontcontainer {
    background-position: center 8px;

}