.sectionPanel .header {
	background-color: #000;
	height: auto;
}
.map div.logo-med {
    width:220px;
    height:60px;
    background:none;
}
div.img-contain.left {
    float:left;
}
div.img-contain.right {
    float:left;
}
div.img-contain.left img {
    width:150px;
    margin-right:10px;
    height:auto;
}
div.img-contain.right img {
    width:50px;
    height:auto;
}

.sectionPanel .logoContainer {
	position: relative;
	right: 0;
	top: 0;
}

.sectionPanel .logoWrapper {
	height: auto;
}
.sectionPanel .logoImg {
	max-height: none;
	max-width: none;
	width: 100%;
}

.sectionPanel .appTitle.anchored {
	background-color: #000;
	color: #9cb4ac;
text-align: center;
}
.title {
text-align: center;
}

#sidePanelInner {
	padding-left: 67px;
}
.sidebarNav {
	position:absolute;
	height:100%;
	top:0;
	left:0;
	width:33px;
	z-index:10;
	background-color: rgb(50, 50, 50);
}

.navList {
	padding: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.vert-text {
	margin:0;
	list-style:none;
}
.vert-text a {
	width:100%;
	display:block;
}
.vert-text a.active {
	background-color: rgb(90, 90, 90);
	cursor: default;
}
.vert-text a.active:hover {
	background-color: rgb(80, 80, 80);
	cursor: default;
}
.vert-text a img {
	margin-left:10px;
	margin-top:15px;
	margin-bottom:15px;
}
.vert-text a:hover {
	background-color: rgb(80, 80, 80);
	
}

.sidePanel .navDots {
	left: 33px;
}

#mainStagePanelInner .map-legend {
	position: absolute;
	bottom: 5em;
	right: 0.5em;
	z-index: 10;
}

#mainStagePanelInner .map-legend img{
	height: auto;
	max-width: 100%;
	max-height: calc(100% - 200px);
	width: auto;
}

.mobile-view #mainStagePanelInner .map-legend {
	bottom: 150px;
	max-width: 25%;
}

.page-title {
	position: relative;
	top: 2em;
	left: 6em;
	z-index: 10;
}

.page-title h1{
	color: #000;
}

.mobile-view .page-title h1 {
	font-size: 1.25em;
}