body, html { margin: 0; }
body { height: 100%; width: 100%;  }
h1 { display: blocK; }
h2 {
	display: blocK;
    text-align: center;
    font-weight: lighter;
    text-transform: uppercase;
    margin-top: 40px;
}

h3
{
    font-weight: lighter;
}

.alignCenter { text-align: center }
.mb40 { margin-bottom: 40px; }

.navigationWrapper { width: 100%; height: 70px; position: fixed; left: 0; right: 0; top:0; z-index: 10000;}
.navigationWrapper li { margin-right: 10px; }
.navigationWrapper ul.mainnav  { display: flex; list-style-type: none; position: absolute; left: 50px; margin-top: 34px; }

.navigationWrapper .header-btn 
{
    overflow: hidden;
    position: fixed;
    height: 30px;
    top: 0;
    z-index: 999;
    margin: 30px;
    border: medium none;
    outline: medium none;
    pointer-events: all;
} 		

.page.scrollable { position: relative; }
.page.scrollable .information {
	position: absolute;
	top: 70px;
	opacity: 0.8;
	text-align: right;
	z-index: 10000;
	right: 0;
	display: inline-block;
}
.leaflet-control-container
{
	z-index: 10001;
	position: absolute;
	top: 20%;
}
.information h1 { margin-right: 85px; text-align: right;}
.menu-icon 
{
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
}

.menu-icon span 
{
    display: block;
    height: 4px;
    width: 100%;
    left: 0;
    position: absolute;
}

.menu-icon-label  { padding: 8px 0 0 40px; }
.menu-icon span.first  { top: 0; }
.menu-icon span.second { top: 12px; }
.menu-icon span.third { top: 24px; }

.page { width: 100vw; min-height: 100vh; display: block; margin: 0; padding: 70px 0 0 0; }
h3,
.page p { margin: 10px 85px; line-height: 1.4em;}
.leaflet-container { width: 100vw; height: 100vh; }

.tile-nav .tile div  { display: block; width: 100%;  }
.tile-nav .tile 
{
    width: 250px;
    height: 280px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    float: left;
}

.ml10px  { float: left; margin: 0 0 0 85px; padding: 0; }
sub, sup
{ font-size: 0.75em; }