.leaflet-container {
    font-family: 'Lato', sans-serif;
}

.leaflet-control-layers, .leaflet-bar {
    border:none;
}

/* Match upstream's touch-prefixed selectors as well — leaflet adds
   .leaflet-touch to the container on touch-capable browsers, and its
   .leaflet-touch .leaflet-bar a rule (specificity 0,2,1) otherwise beats
   our plain .leaflet-bar a (0,1,1). Without the touch variants, hover
   ties on specificity and source order makes the button jump in size. */
.leaflet-bar a,
.leaflet-bar a:hover,
.leaflet-touch .leaflet-bar a,
.leaflet-touch .leaflet-bar a:hover {
    width: 3.5rem;
    height: 3.25rem;
    line-height: 3.25rem;
    border-bottom: none;
}

.leaflet-control-attribution, .leaflet-control-layers, .leaflet-bar {
    box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, 0.2);
    border-radius:6px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    font-size:1.5rem;
    font-weight:300;
    color:#82B541;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Leaflet crispness override */
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    /* Preserve crisp pixels with scaled up images */
    image-rendering: optimizeSpeed;             /* Legal fallback */
    image-rendering: -moz-crisp-edges;          /* Firefox        */
    image-rendering: -o-crisp-edges;            /* Opera          */
    image-rendering: -webkit-optimize-contrast; /* Safari         */
    image-rendering: optimize-contrast;         /* CSS3 Proposed  */
    image-rendering: crisp-edges;               /* CSS4 Proposed  */
    image-rendering: pixelated;                 /* CSS4 Proposed  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+           */
}