#map {
    width: 100%;
    height: 700px;
}

iframe {
    width: 25%;
    height: 300px;
    border: 0;
    float: left;
}

body {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
    font-family: "Cantata One", "Merriweather", "Georgia", Cambria, "Times New Roman", Times, serif;
}


.leaflet-control-layers {
    font: 12px/14px Arial, Helvetica, sans-serif;
}

.layer-control-img {
    line-height: 22px;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}


#feature-popup {
    color: black;
    font: 12px/14px Arial, Helvetica, sans-serif;
}

.tiny-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: white;
    border: solid 1px grey;
    padding: 2px;

    color: black;
    font: 12px/14px Arial, Helvetica, sans-serif;
    font-size: 1.1em;

    box-shadow: 0 1px 4px rgba(0,0,0,0.65);
    -webkit-border-radius: 4px;
    border-radius: 4px;

    display: none;
    opacity: 0.8;
    z-index: 2000;
}

.tiny-popup.visible {
    display: inline-block;
}