body{background:#0e2b59;}
.map-container{position:fixed;z-index:-1;top:0;left:0;background:#0e2b59;}

.echart-box{background:#fff;padding:2em 1em;margin:0 0 1em 0;}

.content{padding:3em 0;}

.content--related{position:relative;z-index:1000;padding:10em 2em;text-align:center;color:#fff;background:#181922;}
.info{font-size:1.65em;padding:0;}
.media-item{display:inline-block;padding:1em;vertical-align:top;-webkit-transition:color 0.3s;transition:color 0.3s;}
.media-item__img{max-width:100%;opacity:0.6;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1;}
.media-item__title{font-size:1em;margin:0;padding:0.5em;}

/* Story */
.interactive-map{position:relative;z-index:1000;padding:0;margin:0;}
.interactive-map section{font-size:1em;padding:5em 2em 5em 4em;height:100%;}
.interactive-map section h2{font-size:2.6em;font-weight:400;margin:0;text-align:left;}
.interactive-map section h3{font-size:2em;font-weight:700;margin:0;text-align:left;}
.interactive-map section:not(:first-child) h2{padding:2em 0 0 0;}
.title-up{color:#fc4b4b;font-size:0.4em;margin-bottom:0.5em;display:block;text-transform:uppercase;}
.title-down{font-size:1em;font-weight:400;display:block;padding:0;}
.interactive-map figure{margin:1em 0 2em;}
.interactive-map figure img{max-width:100%;}
.interactive-map figcaption{font-size:0.85em;font-style:italic;padding:1em 1.5em 0;text-align:center;color:#cb0007;}
.interactive-map section p.text-intro{font-size:1.3em;line-height:1.5;margin:0.5em 0 1.25em;text-align:left;opacity:0.6;}
.interactive-map section p{font-size:1.1em;margin:0.5em 0 1.5em;}
.interactive-map section p.interactive-map-intro{font-size:1.3em;font-style:italic;line-height:1.5;margin:0.5em 0 1.25em;text-align:left;color:#9d9c95;}
.interactive-map blockquote{font-size:2em;line-height:1.5;position:relative;text-align:left;color:#939997;}
.interactive-map blockquote::before{content:'\201C';font-size:2.5em;font-style:italic;line-height:1;position:absolute;top:-0.15em;right:100%;margin:0 0.075em 0 0;color:#f0f3f3;}
.interactive-map blockquote span{font-family:'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:0.5em;white-space:nowrap;color:#cbcece;}
.js-section{width:60%;}
.js-gallery{padding-top:50px;padding-bottom:50px;}
.js-gallery-content{font-size:0;text-align:center;}
.js-gallery-content img{max-width:100%;margin:10px 0;}

@media screen and (min-width:1100px) and (max-width:3000px){
.js-section{width:50%;}
}

@media screen and (max-width:900px){
.interactive-map{background:#0e2b59;color:#fff;padding:5em 1em 2em 2em;}
.interactive-map a{color:#fc4b4b;font-weight:bold;}
.interactive-map section{padding:1em;}
.interactive-map section h2{font-size:2.4em;}
.interactive-map section p.text-intro{color:#65e2d5;opacity:1;}
.title-up{font-size:0.5em;color:#e91712;font-weight:bold;}
.title-down{font-weight:100;}
.interactive-map blockquote{font-size:1.45em;}
.js-section{width:100%;max-width:none;}
}

@media screen and (min-width:200px) and (max-width:600px){
.interactive-map{padding:4em 0 2em 0;}
.echart-box{padding:2em 10px;}
}