html,
		body {
			margin: 0;
			font-family: Avenir, Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
			height: 100%;
			color: #1f1412;
			
		}

		body {
			display: flex;
			flex-direction: column;
			justify-content: top;
			align-items: center;

		}
.header
{
			padding-top: 20px;
}
		.header h1 {
			display: flex;
			justify-content: center;
			align-items: center;

		}
		

		.header a {
			color: #000;
	text-decoration: none;
		}
		
		.header a:hover
		{
		color: #7F1933;
	text-decoration: none;
		}

		
		.header a span {
			margin-left: 4px;
		}

		.header a svg {
			vertical-align: middle;
		}

		#map {
			width: 100%;
			height: 100vh;
			border: 1px solid #1f1412;
			min-height: 300px;
		}




		@media all and (min-width: 1024px) {
			#map {
				height: 768px;
				width: 1024px;
			}
		}


		.header h1
		{
		font-family: "Source Serif Pro",Georgia,Times,serif;
		font-size: 3em;
		margin: 0;
		}	
		.header h2, h2
		{
				
		font-family: Avenir;
		font-size: 1.5em;
		font-weight: normal;
		text-align: center;
		
		
		}
		.footer h2
		{
				
		font-family: Avenir;
		font-size: 1.5em;
		font-weight: normal;
		text-align: center;
		display: inline;
		}
		.bottom h2
		{
				font-family: Avenir;
		font-size: 1.5em;
		font-weight: normal;
		text-align: center;
		margin-left: 10px;	
   		 margin-right: 10px;
		}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

li, li a {
    display: inline;
    padding: 8px 16px;
	color: #000;
	text-decoration: none;
}
li a:hover
{
color: #7F1933;

}
.map
{
		font-family: Avenir;
		font-size: 0.86em;
}

.footer
{
			padding-top: 20px;
			padding-bottom: 20px;
}

h3
{
	font-family: Avenir;
	font-size: 1.1em;
	font-weight: normal;
	text-align: justify;
	display: inline;
    margin-left: 10%;	
    margin-right: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 1024px;

}
h3 a
{

	color: #7F1933;
	text-decoration: none;
}

h3 a:hover
{
text-decoration: underline;
}



h4	{
	font-family: Avenir;
	font-size: 1.1em;
	font-weight: normal;
	text-align: justify;
	display: inline;    
	margin-left: 10%;	
    margin-right: 10%;
    max-width: 1024px;
    
}

.selected
{
	color: #7F1933;
}

.leaflet-popup-content-wrapper
{
max-width: 90vw;
}

.leaflet-popup-content-wrapper a
{
color: #000;
text-decoration: underline;
}

.leaflet-popup-content-wrapper a:hover
{
color: #7F1933;
text-decoration: underline;
}