#map {
			width: 99vw;
			height: 90vh;
		}

		.zoom {
  			zoom: 80%;
		}

		.info {
			padding: 6px 8px;
			font: 14px/16px Arial, sans-serif;
			background: white;
			background: rgba(255,255,255,0.8);
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			border-radius: 5px;
		}
		.info h4 {
			margin: 0 0 5px;
			color: #C71585;
		}

		.legend {
			text-align: left;
			line-height: 18px;
			color: #555;
		}
		.legend i {
			width: 18px;
			height: 18px;
			float: left;
			margin-right: 8px;
			opacity: 0.7;
		}

		h1 { color: #ffffff ; 
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
			sans-serif; font-size: 40px; 
			font-weight: bold; 
			letter-spacing: -1px; 
			line-height: 0; 
			text-align: center;}

		h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
			font-size: 25px;
			font-style: normal;
			font-variant: normal;
			font-weight: 500;
			line-height: 10px;
			color: #C71585;
			text-align: center; }

		body { color: #000000; 
			background: #000000; 
			text-decoration: none; }

		table {
    		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    		border-collapse: collapse;
    		width: 100%;
			}

		td, th {
    		border: 1px solid #dddddd;
    		text-align: left;
    		padding: 2px;
			}

		.leaflet-control-layers-group-name {
      		font-weight: bold;
      		margin-bottom: .2em;
      		display: block;
    		}

    	.leaflet-control-layers-group {
      		margin-bottom: .5em;
    		}

    	.leaflet-control-layers-group label {
      		padding-left: .5em;
    		}