#storytelling-page{display:flex;height:100vh}#story-container{position:relative;flex-basis:40vw;height:100vh;box-shadow:#63636333 0 2px 8px}#story-container nav{height:9vh;position:sticky;top:0;background-color:#fff;z-index:1}#story-container #information{height:100vh;overflow-y:scroll}#story-container h1{margin-top:1rem;margin-bottom:1rem;font-weight:700;font-size:calc(24px + .390625vw)}#story-container sub{text-transform:uppercase;color:#789;font-size:calc(12px + .312vw);font-weight:700}#story-container p{text-align:justify;font-size:calc(12px + .390625vw);margin-bottom:2rem}#story-container .chapter{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;padding:4rem 4rem 1rem;border-top:1px solid grey}#story-mapbox{flex-basis:60vw;width:60vw;height:100vh}#story-mapbox .map-container{height:100vh;width:60vw}.img-story{margin-bottom:1rem;width:100%;height:300px;border-radius:calc(12px + .312vw);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.chapter .btn-hero{display:block;width:200px;height:50px;background-color:#1a1d40;text-decoration:none;font-weight:700;color:#fff;margin-top:2rem;padding:1rem;padding-inline:2rem;text-align:center;border-radius:3rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.chapter .btn-hero:hover{background-color:#cc3433}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}@media (max-width: 576px),screen and (orientation: portrait){#storytelling-page{flex-flow:column-reverse}#story-container{flex-basis:70vh;overflow-y:scroll}#story-container #information{display:flex;flex-flow:column nowrap;height:100%;overflow-y:visible}#story-container .chapter{flex-basis:100vw;flex-shrink:0;display:flex;flex-flow:column;justify-content:flex-start;padding:1rem;padding-inline:2rem;height:-moz-max-content;height:max-content}#story-container h1{font-size:calc(20px + .390625vw)}#story-mapbox{flex-basis:30vh;width:100vw}#story-mapbox .map-container{height:30vh;width:100vw}.img-story{height:200px}}@media (min-width: 992px) and (max-width: 1400px){#story-container p{font-size:calc(10px + .310625vw)}.img-story{height:200px}}