img {
    max-width:100%;
}

.scenes {
    position: relative;
    padding-top: 250%;
}

.cloudsbit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.birdies {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

img.mountainsrig {
    position: absolute;
    top: 4.4%;
    width: 100%;
}

.trees {
    position: absolute;
    top: 0;
    left: 0;
    top: 4%;
    width: 100%;
}

.thewaterfall {
    position: absolute;
    top: 0;
    left: 0;
    top: 32%;
    width: 100%;
}

.waster {
    position: absolute;
    top: 38%;
    left: 0;
    width: 100%;
    z-index: -1;
}

img.waterfallelems {
    position: absolute;
    left: 0;
    top: 63%;
    width: 100%;
}

.waterbit {
    position: absolute;
    left: 0;
    width: 100%;
    top: 38%;
    z-index: -1;
}

img.waster {
    z-index: -2;
}

div#waterbit {
    width: 58%;
    left: 25%;
    top: 34%;
}

div#waterrig2 {
    position: absolute;
    top: 68.8%;
    width: 100%;
    z-index: -1;
}

.scenes {
    padding-top: 400vw;
}

img.mountainsrig {
    top: 5.6vw;
}

img.trees {
    top: 7vw;
}

img.waster {
    top: 55.5vw;
}

div#thewaterfall {
    top: 50vw;
}

img.waterfallelems {
    top: 92vw;
}

div#waterrig2 {
    top: 104.5vw;
}

img.mountainsrig {
    width: 70%;
    max-width: none;
    top: 16vw;
    left: 50%;
    transform: translateX(-50%);
}

.scenes {
    overflow: hidden;
}

img.trees {
    width: 109%;
    max-width: none;
    top: 9.7vw;
}

img.waster {
    top: 55.5vw;
    width: 100%;
    max-width: none;
}

img.mountainsrig {
    top: 27.7vw;
}

div#thewaterfall {
    top: 67vw;
}

div#waterbit {
    top: 56vw;
    width: 100%;
    left: 5%;
}

img.trees {
    top: 21.5vw;
}

img.mountainforeground {
    position: absolute;
    top: 2.2vw;
    width: 100%;
    z-index: 5;
    max-width: none;
    width: 102.7%;
    top: -0.7vw;
}

div#waterbit {
    left: 0;
}

img.mountainforeground {
    top: -5vw;
}

div#thewaterfall {
    top: 43.7vw; 
    z-index: 5;
}

img.mountainsbg {
    position: absolute;
    top: 36vw;
    width: 73vw;
    left: 50%;
    transform: translateX(-50%);
}

img.trees {
    width: 100vw;
    left: 1vw;
    top: 24vw;
}

.birdies {
    top: 10vw;
    width: 50vw;
    left: 50%;
    transform:translateX(-50%);
    z-index: 9;
}

a.logoblock {
    position: absolute;
    top: 2vw;
    width: 15vw;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}

h1 {
    position: absolute;
    top: 14vw;
    font-size: 3.5vw;
    z-index: 99;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    letter-spacing: 0.2vw;
    text-shadow: #433332 0px 0px 4px;
    line-height: 1.1;
    font-weight: 700;
}

div#waterrig2 {
    top: 100vw;
}

img.screen2bgtrees {
    top: 66vw;
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
}

img.screen2fgtrees {
    position: absolute;
    width: 63%;
    z-index: 6;
    top: 80vw;
    left: -2vw;
}

img.screen2ground {
    position: absolute;
    top: 138vw;
    max-width: none;
    width: 116%;
    left: -5%;
}

div#s2trees {
    width: 100%;
    top: 108vw;
    position: absolute;
    left: 0;
    z-index: 9999;
}

div#s3sun {
    width:100%;
}

img.tentsandtrees {
    position: absolute;
    top: 222vw;
    width: 102vw;
    left: -2vw;
    max-width: none;
}

img.s3foreground {
    position: absolute;
    top: 205vw;
    width: 100%;
    left: 0;
}

div#campfire {
    width: 24%;
    top: 261vw;
    left: 13vw;
    position: absolute;
}
div#s3brook {
    width: 100%;
    top: 285vw;
    position: absolute;
}
img.s3foreground {
    top: 225vw;
    z-index: 1;
}


img.frames4 {
    position: absolute;
    top: 320vw;
    width: 100%;
    z-index: 1;
}

div#s4sunset {
    position: absolute;
    width: 100%;
    top: 320vw;
}
div#s4sunset:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 36vw;
    background: black;
}


img.screen3sky {
    position: absolute;
    top: 203vw;
    z-index: -1;
}

img.screen2ground {
    z-index: -1;
}

div#waterrig2 {
    z-index: -2;
}

img.s3foreground {
    top: 203vw;
}

img.tentsandtrees {
    top: 202vw;
}

div#campfire {
    top: 240.5vw;
}

div#s3brook {
    top: 264vw;
    z-index: 2;
}

img.frames4 {
    top: 298vw;
    left:0;
}

div#s4sunset {
    position: absolute;
    top: 298vw;
    left: 0;
    width: 100%;
}

.scenes {
    padding-top: 365vw;
}

img.s3water {
    position: absolute;
    top: 252vw;
    z-index: -1;
}


div#s4boat {
    position: absolute;
    top: 393vw;
    z-index: 1;
    left: -17vw;
    width: 60vw;
}

img.frames4 {
    z-index: 5;
}

div#s4sailboat {
    width: 10%;
    position: absolute;
    top: 385.5vw;
    z-index: 4;
    left: 50%;
    transform: translateX(-50%);
}

.ourstory {
    position: absolute;
    top: 0;
    z-index: 999999;
    color: #fff;
    top: 93vw;
    width: 24vw;
    left: 14vw;
}
img.screen2minirock {
    position: absolute;
    top: 126vw;
    width: 49vw;
}
.opurstory h2 {
    text-shadow: #433332 0px 0px 2px;
}

.ourstory h2 {
    letter-spacing: 0.2vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.1;
    font-weight: 700;
    font-size: 2.8vw;
    margin-bottom: 10px;
}

.ourstory p {
    letter-spacing: 0.1vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 0.85vw;
}
div#s2watersign {
    position: absolute;
    top: 120vw;
    width: 21vw;
    left: 59vw;
}

.trees-title {
    position: absolute;
    top: 220vw;
    z-index: 999;
    color: #fff;
    left: 58vw;
    width: 25vw;
    text-align: right;
}

.trees-title h2 {
    letter-spacing: 0.2vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.1;
    font-weight: 700;
    font-size: 2.8vw;
    margin-bottom: 10px;
}

.trees-title p {
    letter-spacing: 0.1vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 0.85vw;
}

.ourstory p {
    font-weight: 400;
}

.sunsettext {
    position: absolute;
    top: 360vw;
    width: 30vw;
    left: 14vw;
    z-index: 99;
    color: #ffff;
}

.sunsettext h2 {
    letter-spacing: 0.2vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.1;
    font-weight: 700;
    font-size: 2.8vw;
    margin-bottom: 10px;
}

.sunsettext p {
    letter-spacing: 0.1vw;
    text-shadow: #433332 0px 0px 2px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 0.85vw;
}
img#screenwater {
    position: absolute;
    top: 375vw;
    z-index: 3;
}

div#s4boat {
    z-index: 4;
}

div#s4sunsetbg {
    position: absolute;
    top: 385.9vw;
    z-index: 3;
}

div#s2watersign {
    display: none;
}


div#s4sunsetbg {
    top: 389.2vw;
    left: 6vw;
}

div#cloudies {
    z-index: -4;
}
img.screen2post {
    position: absolute;
    top: 123vw;
    width: 19vw;
    z-index: 5;
    left: 58vw;
}

div.s2tb {
    position: absolute;
    top: 137vw;
    width: 17vw;
    left: 60vw;
    z-index: 6;
    display: block;
}

div.s2stn {
    position: absolute;
    top: 122vw;
    width: 17vw;
    left: 61vw;
    z-index: 6;
    display: block;
}

div.s2sccu {
    position: absolute;
    top: 127vw;
    width: 17vw;
    left: 61vw;
    z-index: 6;
    display: block;
}

div.s2epic {
    position: absolute;
    top: 132vw;
    width: 17vw;
    left: 60vw;
    z-index: 6;
    display: block;
}



div#s2stn {
    margin-bottom: -17%;
    margin-top: -17%;
}

div.s2stn {
    top: 124.5vw;
}

div#s2sccu {
    margin-bottom: -17%;
    margin-top: -13%;
}

div.s2sccu {
    position: absolute;
    top: 129vw;
    width: 17vw;
    left: 61vw;
    z-index: 6;
    display: block;
}

div#s2tb {
    margin-bottom: -17%;
    margin-top: -17%;
}

div.s2tb {
    position: absolute;
    top: 140.8vw;
    width: 17vw;
    left: 60vw;
    z-index: 6;
    display: block;
}

div#s2epic {
    margin-top: -17%;
    margin-bottom: -17%;
}

div.s2epic {
    top: 135vw;
}

.hovbuttons {
    position: absolute;
    top: 124vw;
    width: 17vw;
    left: 60.5vw;
    z-index: 6;
    display: block;
    width: 17vw;
    z-index: 999999;
}

.hovbuttons>a {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 31.8%;
}

div#waterbit {
    width: 55vw;
    left: 27vw;
    top: 52vw;
}


div#s3sun {
    position: absolute;
    top: 203vw;
    z-index: -1;
}

.scenes {
    padding-top: 406vw;
}


img.s3mountains {
    position: absolute;
    top: 200vw;
    width: 100%;
    z-index: -2;
}

img.screen3sky {
    z-index: -2;
}

img.screen2ground {
    z-index: -4;
}

div#waterrig2 {
    z-index: -7;
}







div#s3sun {
    margin-top: 0 !important;
    top: 180vw !important;
}




.signpost {
    position: absolute;
    top: 234.2vw;
    z-index: 5999;
    left: 6vw;
}

img.signpostbase {
    width: 4vw;
}

.signpost.signpost-2 {
    left: 42vw;
}

.signpost.signpost-3 {
    left: 66vw;
    top: 236vw;
}




img.mountainforeground {
    top: -3vw;
}

div#waterrig2 {
    top: 97vw;
}

img.waster {
    top: 51.5vw;
}

img.mountainsbg {
    top: 40.9vw;
    z-index:-3;
}

h1.paroller {
    z-index: -3;
}


.marker {
    position: absolute;
    width: 100%;
    left: 0;
}

.marker[data-marker-id="1"] {
    position: absolute;
    top: 0;
}

.marker[data-marker-id="2"] {
    top: 105vw;
}

.marker[data-marker-id="3"] {
    top: 218vw;
}

.marker[data-marker-id="4"] {
    top: 358vw;
}

img.mountainsbg {
    top: 43.9vw;
    z-index: -3;
}

div#thewaterfall ~ div, div#thewaterfall ~ img {
    margin-top: -15vw;
}

img.screen2bgtrees {
    margin-top: 0 !important;
}

img.righttree {
    position: absolute;
    top: 202vw;
    width: 29vw;
    right: 0;
}

img.righttree {
    position: absolute;
    top: 202vw;
    width: 29vw;
    right: 0;
}

img.s3foreground {
    z-index: 3;
}

div#s3sun {
    z-index: -2;
}

a.logoblock {
    width: 17vw;
}









div#thewaterfall ~ div, div#thewaterfall ~ img {
    margin-top: -23vw;
}


img.screen2minirock {
    display: none;
}



div#s4sunset:after {
    position: absolute;
    top: 21vw;
    left: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 4;
    background: rgb(106,62,58);
    background: linear-gradient(90deg, rgba(106,62,58,1) 0%, rgba(65,20,55,0.72) 38%, rgba(65,20,55,0) 100%);
}

div#s4boat {
    z-index: 5;
}

img.frames4 {
    z-index: 6;
}

.scenes {
    padding-top: 398vw;
}

.signpost>a {
    position: absolute;
    top: -1.5vw;
    left: 0;
    width: 100%;
    height: 3.6vw;
    z-index: 4;
}

.signpost>div {
    position: absolute;
    top: -2vw;
    left: 0.4vw;
}

.signpost {
    width: 9%;
}

img.signpostbase {
    margin-left: 50%;
    transform: translateX(-50%);
}










img.screen2ground {
    top: 133vw;
}

img.s3foreground {
    top: 190vw;
}

img.screen3sky {
    top: 180vw;
}

div#s3sun {
    top: 157vw !important;
}

img.s3mountains {
    top: 180vw;
}

img.righttree {
    top: 188vw;
}

img.tentsandtrees {
    top: 184vw;
}

div#campfire {
    top: 222vw;
}

img.s3water {
    top: 237vw;
}

div#s3brook {
    top: 245vw;
}

.signpost {
    top: 216vw;
}

.signpost.signpost-3 {
    top: 217vw;
}

div#s2trees {
    top: 103vw;
}

img.s3foreground {
}

img.frames4 {
    top: 285.1vw;
}

.signpost.signpost-3 {
}

div#s4sunset {
    top: 283vw;
}

div#s4sunsetbg {
    top: 374.4vw;
}

div#s4boat {
    top: 379vw;
}

div#s4sailboat {
    top: 370.5vw;
}

img#screenwater {
    top: 361vw;
}

.scenes {
    padding-top: 382vw;
}

.trees-title {
    top: 205vw;
    left: 57vw;
    text-align: left;
}

img.screen2bgtrees {
    top: 63vw;
}

.signpost>div {
    width: 7vw;
    left: 1vw;
    top: -1vw;
}

a.logoblock img {
    width: 100%;
}

a.logoblock {
    left: 41.5vw;
    transform: none;
}

img.mountainforeground {
    width: 118vw;
    left: -9vw;
    top: -13vw;
}

img.mountainsbg {
    top: 35vw;
}







































































































img.mountainsbg {
    top: 26vw;
}

h1 {
    top: 12vw;
}

img.mountainsrig {
    top: 18vw;
}

img.mountainforeground {
    top: -11vw;
    width: 104vw;
    left: -2vw;
}

img.trees {
    top: 8vw;
    width: 120vw;
    left: -10vw;
}

img.waster {
    top: 45vw;
}

div#thewaterfall {
    top: 40.7vw;
    width: 105vw;
    left: -2.5vw;
}

.birdies {
    top: 5vw;
}





img.rockblock {
    position: absolute;
    top: 111vw;
    width: 44vw;
    z-index: 1;
}

img.screen2ground {
    z-index: 2;
}

div#s2trees {
    top:102vw;
}
.hovbuttons {
    top: 126.5vw;
}

img.screen2post {
    top: 124.5vw;
}

div.s2stn {
    top: 126.5vw;
}

div.s2sccu {
    top: 131.5vw;
}

div.s2epic {
    top: 137.5vw;
}

div.s2tb {
    top: 142.8vw;
}

div#s4sunsetbg {
    top: 350.4vw;
}

div#s4sunset {
}

img#screenwater {
    top: 336vw;
}

div#s4sailboat {
    top: 346.5vw;
}

div#s4boat {
    top: 357vw;
}




div#s4sunset {
    top: 259vw;
}

.scenes {
    padding-top: 357vw;
}

.sunsettext {
    top: 326vw;
}

div#s4sunsetbg {
    top: 350vw;
}

div#s4sunset:after {
    top: 44vw;
}

div#s3brook svg {
    position: relative;
    z-index: 3;
}

div#s3brook:before {
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: #fff;
    position: absolute;
}


div#s2trees {
    top: 106vw;
}

img.screen2post {
    transform: translateY(5vw);
}

.hovbuttons {
    transform: translateY(5vw);
}

.s2stn, .s2sccu, .s2epic, .s2tb {
    transform: translateY(5vw);
}

div#waterbit {
    width: 64vw;
    left: 22vw;
    top: 46vw;
}

img.mountainforeground {
    top: -15vw;
    width: 111vw;
    left: -6vw;
}

@media(max-width:768px) {
    .scenes {
        margin-top: 178vw;
    }
    
    body {
        transform: scale(2);
    }
    html {
        overflow-x:hidden;
    }
    
}