body { margin:0; padding:0; }
#maps { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#map, #map-world, #map-detail { box-sizing:border-box; position:absolute; }
#map { top:0; bottom:0; left:525px; right:0; }
#map-world {
  left:0px;
  bottom:0px;
  width:525px;
  height: 260px;
  border-right:1px solid #000;
  border-top:1px solid #000;
}
#map-detail {
  left:0px;
  top:0px;
  bottom:260px;
  width:525px;
  border-right:1px solid #000;
}
.leaflet-popup-content { font-family:"Lato"; padding:3px 5px !important; text-align:center; }

@media only screen and (max-width:767px) {
  #map-world,
  #map-detail { display:none; }
  #map { left:0; }
}
#maps > div:not(#map) .leaflet-control-container {
  display: none !important;
}