body, html {
    width:100%;
    height:100%;
    font-family:'libre', serif;
    background-color:#efefef;
}

#map {
    width:70%;
    height:100%;
    float:right;
}

#story{
    height: 100%;
    width: 30%;
    margin: auto;
    float:left;
    border:3px solid #222d68;
    padding:5px;
    background-image: url(images/whitepaper1.jpg);
    background-repeat: repeat;
}
.border1{
    border:2px solid #cf3337;
}
.border2{
    border:1px solid #222d68;
    margin:5px;
}

.font1 {
    font-family:'quinn', serif;
    text-align:center;
    color:#222d68;
}

#story img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 300px;
}

.ol-miniscroll {
    position:relative;
}

figcaption{
    text-align:center;
}

div.chapter.ol-select.select {
    background-color:rgba(0,0,0,0)
}

.ol-scroll-next span, div.ol-scroll-next::before {
    color:#cf3337;
}
p {
    margin-left:10px;
    font-size:15px;
    word-spacing:0.3em;
}

.ol-zoom {
    left: auto;
    right: .5em;
}

div.ol-popup.placemark.anim.ol-popup-bottom.ol-popup-center.visible {
    color:#cf3337;
}

hr:nth-of-type(odd) {
    color:#222d68
}
hr:nth-of-type(even){
    color:#cf3337
}

p a {
    color:#cf3337;
}

div.chapter img.stampStyle {
    width:30%;
    /* display:inline-block!important; */

}
div.stampText {
    text-align:center;
}
div.stampText p {
    margin:10px;
}

div.stampText p:nth-of-type(odd){
    color:#cf3337;
}
div.stampText p:nth-of-type(even){
    color:#222d68;
}
.indent {
    text-indent:2em;
    padding:0 10px 0px 10px;
}
/* div#story div.chapter.ol-select img.secondary {
    display:inline;
    padding:5px;
    max-width:32%;
} */
div#story div.ol-storymap.ol-miniscroll div.ol-scrolldiv div.chapter img.secondary {
    display: inline;
    padding: 5px;
    max-width: 32%;
}
div.ol-fullscreen-image.ol-has-title p {
 font-family:'quinn', serif;
 font-size:20px;
 font-weight:bold;
}
.hero-unit p {
  overflow: hidden;
}

span.btn.disappear {
 font-family:'quinn', serif;
 font-size:20px;
 color: #cf3337;
}
img.logos {
    width:45%;
    display:inline!important;
}
@media (max-width:925px){
    h2 {
        font-size:30px;
    }
    #map {
        height:50%;
        width:100%;
        float:none;
    }
    #story {
        height:50%;
        width:100%;
        float:none;
    }
    div.dropdown-menu.show {
      height:45vh;
    }

}


/* .font2 {
    font-family:'tangerine', serif;
    text-align:center;

}
.font3 {
    font-family:'meddon', serif;
    text-align:center;

} */