*, *::before, *::after {box-sizing: border-box;}
* {margin: 0; padding: 0;}
ul[role='list'], ol[role='list'] {list-style: none;}
html:focus-within {scroll-behavior: smooth;}
a:not([class]){text-decoration-skip-ink: auto;}
img, picture, svg, video, canvas {max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover;}
input, button, textarea, select {font: inherit;}
body, html {height: 100%; scroll-behavior: smooth;}
#map {width: 100%; max-width: 600px; height: 500px; margin: 0 auto;}
.leaflet-popup a.leaflet-popup-close-button {color: #fff;}
.map-cameras .leaflet-popup .leaflet-popup-content-wrapper, 
.map-cameras .leaflet-popup .leaflet-popup-tip {background: #33CCFF;}
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {margin: 20px 16px; color: #fff;}
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .title {margin: 5px auto 10px auto; font-size: 16px; text-transform: uppercase;}
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .text {margin: 0 auto 15px auto;}
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .link {color: #fff; font-size: 14px; text-decoration: none;} 
.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .link::after {display: inline-block; margin-left: 4px; content: " \2192"; transition: all .3s linear;}
.leaflet-legend-title {display: none !important;}

@media screen and (min-width: 560px) {
    #map {height: 860px;}
}