/*
 * Page headers
 *
 * Jumbotron-esque headers at the top of every page.
 */
.page-header {
	margin-top: 0;
	margin-bottom: 40px;
	padding: 15px 0;
	background-color: #337ab7;
}
.page-header .kind {
	font-size: 50px;
	line-height: 1.1;
	text-transform: uppercase;
	opacity: .1;
	position: absolute;
	right: 15px;
	color: #fff;
}
.page-header h1 {
	font-size: 36px;
	line-height: 1.1;
	margin-top: 0;
	color: #fff;
}
.page-header .ancestors {
	display: block;
	font-size: 16px;
}
.page-header .ancestors a {
	color: #FFF;
	opacity: 0.3;
}
.page-header .ancestors a:hover {
	opacity: 1;
	text-decoration: underline;
}
.page-header .ancestors+.name {
	margin-left: 15px;
}
.page-header p {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.4;
	color: #d0d0d0;
}
.page-header .container {
	position: relative;
}

#topNavigation .dropdown-menu {
	max-height: 640px;
	max-height: calc(100vh - 62px);
	overflow-y: auto;
}

@media (min-width: 768px) {
	.page-header {
		padding-top: 60px;
		padding-bottom: 60px;
		text-align: left;
	}
	.page-header .kind {
		font-size: 80px;
		line-height: 1;
	}
	.page-header h1 {
		font-size: 60px;
		line-height: 1;
	}
	.page-header .ancestors {
		font-size: 20px;
	}
	.page-header p {
		font-size: 24px;
	}
}