body{
    background-color:white;
}
/*NAVIGATION*/

/*more button*/
.more {
    position: fixed;
    bottom: 0;
    right: 0;
    padding-bottom: 25px;
    z-index: 1;
}

.more img{
   width: 90%;
}


/*corner sun*/
.sun {
    position: fixed;
    top: -4px;
    left: -4px;
    float: left;
    z-index:-1;
}

.sun img{
   width: 100px;
}

#container {
      overflow: scroll;
    position:relative;s
}

.arrow {
    position: fixed;
    top: 15px;
    right: 20px;
    float: right;
    z-index: 3;
}


/* SLIDESHOW */

.panorama
{
    margin-top: 110px;
    position: relative;
}

img.story {
 width: 20vw;
}

.grass {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}

.grass img{
   width: 100%;
}

@media (max-width: 750px) {
    .panorama{
        overflow: scroll;
    }
    
    .arrow {
        width: 20vw;
    }
    .container{
    }
}