section#cover #cover-title {
	position: absolute;
	top: 0;
	left: 72px;
	width: calc(100% - 72px * 2);
	background: #14304C;
}
section#cover #cover-container {
	bottom: calc(96px + 32px + 10px);
}
section#cover #cover-container #cover-control-container {
	bottom: calc(48px*2 + 48px);
}

#map {
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	section#cover #cover-title {
		left: 42px;
		width: calc(100% - 42px * 2);
	}
	section#cover #cover-container #cover-control-container {
		bottom: calc(33px*2 + 42px);
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	section#cover #cover-control-container {
		bottom: calc(33px*2 + 42px);
	}
}
@media (max-width: 575px) {
	section#cover #cover-title {
		top: 0;
		left: 24px;
		width: calc(100% - 24px * 2);
		padding-left: 36px;
	}
	section#cover #cover-control-container,
section#cover #cover-toolbar-container {
		display: block !important;
		left: 24px !important;
		width: 24px !important;
	}
	section#cover #cover-control-container {
		bottom: calc(32px*2 + 24px) !important;
		width: auto !important;
		padding: 9px 12px 0 0 !important;
		background-color: #14304C !important;
	}
	section#cover #cover-control-container button {
		height: 100% !important;
	}
}