.header {
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: #41B3A3;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    line-height: 2rem;
}

div.parent {
	text-align: center;
	}
ul { 
	font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1.em;
    font-family: Adelle,Georgia, serif;
	color: #000;
	font-weight: 300;
	display: inline-block; 
	text-align: left; 
	}
	
p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1.em;
    font-family: Adelle,Georgia, serif;
	color: #000;
	font-weight: 300;
	text-align: center;
}	

h1 {
	font-family: Adelle, Georgia, serif;
    font-weight: 600;
    display: block;
    font-size: 2em;
    font-weight: bold;
	<!--text-shadow: 0 0 7px #000;
	margin: .67em 0;
}

h2 {
    font-size: 1.75rem;
    line-height: 1.5rem;
    margin-bottom: 1.em;
    font-family: Adelle,Georgia, serif;
	color: #000;
	font-weight: 600;
	text-align: center;
}	

/* the search icon from the leaflet search script needs to be clipped with css to fit. */
.square {
    clip-path: inset(0px 0px 45px 0px);
	vertical-align: top;
}