@font-face{font-family:osw;font-style:normal;font-weight:normal;src:url('../fonts/oswald300.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:normal;src:url('../fonts/openr.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:bold;src:url('../fonts/openb.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:normal;src:url('../fonts/openi.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:bold;src:url('../fonts/openbi.woff') format('woff');}
*{margin:0;padding:0;}
*,*:before,*:after{box-sizing:border-box;}
body{font-family:fnt,sans-serif;font-size:100%;background-color:#fff;}
/*END_SHARED_STYLES*/

summary{font-family:osw,sans-serif; font-size:1.3em; position:relative; display:block; padding:0 0 0 1em; color:#fff; line-height:2; cursor:pointer;margin-bottom:5px;}

#header {position:fixed;width:100%; height:3rem; background-color:#EE5736; margin-bottom:1em;text-align:center;}
#suburani-logo {width:12.5em; padding-left:1em;float:left;}
#signout{position:absolute;top:.5em;right:.5em;display:none;}

.story{background:#EE5736;}
.maps{background:#357BBF;}
.reference{background:#970E53;}

#content{position:absolute;top:4.5rem;left:0;right:0;bottom:0;overflow-y:scroll;}
#activebook{max-width:45.9em;margin:0 auto;padding:.5em;position:relative;}

.chbox {width:9em;float:left;margin:0.9em;}
.chbox img {width:100%;}

.roma {background-color:#aa4016;}
.lond {background-color:#648e67;}
.lusi {background-color:#EE7800;}
.pomp {background-color:#970E27;}


.chtit {font-family:osw; font-size:1.3em;color:#fff;padding-left: 0.5em;}
.flex-container {display:flex;flex-wrap: wrap;}

.mapbox {width:20em;float:left;margin:0.9em;background-color:#C9A701;}
.mapbox img {width:100%;}
.maptit {font-family:osw; font-size:1.3em;color:#fff;padding-left: 0.5em;}

.opaque {opacity: 0.5;}