/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
		.sidenav {
			padding-top: 15px;
		}

		.sidenav a {
			font-size: 18px;
		}
	}


	#map {
		width: 100%;
	
		height: 92%;
		margin-top: 10px;
	}

	html,
	body {
		height: 100%;

	}

	.fill .map {
		min-height: 100vh;
	}


	.logo-text {
		justify-content: start;
		align-items: center;
		display: flex;
	}

	.leaflet-popup-content-wrapper {
		width: 300px;
	}

	.leaflet-popup-content-wrapper .user {
		font-size: 10pt;
		margin-top: 5px;
	}

	.leaflet-popup-content-wrapper .beneficiary {
		font-size: 20px;
		margin-top: 5px;
		font-weight: bold;
	}

	.leaflet-popup-content-wrapper .info {
		font-size: 10px;
		margin-top: 10px;
	}

	.leaflet-popup-content-wrapper .coor {
		font-size: 9px;
		margin-top: 10px;
	}