body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    color: #333;
}
html, body, #map {
    height: 100%;
    width: 100vw;
}

h1, h2, h3, h4 {
font-family: courier, "courier new", monospace;
text-transform: uppercase;
font-weight: normal;
}

footer {
	font-size: 12px;padding: 12px;
}

.popup .slideshow {
 text-align:center;
 min-height: 256px;
 }
  .popup .slideshow .image        { display:none; }
  .popup .slideshow .image.active { display:block; }
  .popup .slideshow img {
 width:100%;
 }
  .popup .audio .caption {
 padding-bottom:10px;
 font-style: italic;
 }
   .popup .slideshow .caption {
 padding-top:10px;
 }
  .popup .cycle {
 padding:10px 0 20px 0;
 position: relative; top: -40px;
 }
 .popup .cycle a.prev { float:left; padding: 12px;color: #333;font-weight: bold; text-decoration:none; }
 .popup .cycle a.next { float:right; padding: 12px;color: #333;font-weight: bold; text-decoration:none; }
 
.popup .cycle a.prev:hover, .popup .cycle a.next:hover { background-color: #eee;}

.leaflet-top {
position: fixed;top:1%;margin-left: 12px;margin-right: 12px;
}

.info {
color: #fff;
padding: 0 12px;
background: rgba(127, 127, 127, 0.75);
width: 300px;
border-radius: 12px;
}