#navigation {
	position: fixed;
	max-width: none;
	height: auto;
	
	border-bottom: none;
}

#navigation .container,
.header-hero .hero-info-wrapper {
	max-width: 1320px;
	padding:0 30px;
}

main {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	background-color: #f8f5ec;
}
main.container-fluid {
	padding-top: 0;
}

main a {
	color: black;
}
main a:hover,
main a:active {
	color: blacK;
}

main img {
	max-width: 100%;
	display: block;
}

main header {
	background: none;
}

main .row {
	height: 100%;
	margin: 0;
}
main .row [class*="col"] {
	height: 100%;
	padding: 0;
}

main .box {
	background-size: cover;
	overflow: hidden !important;
}
main .box[data-target] {
	cursor: pointer;
}

main .box h4 {
	font-size: 1.8888888888888888rem;
	letter-spacing: 0.03888888888888889rem;
	line-height: 2.2222222222222223rem;
}
main a.box:hover {
	text-decoration: none;
}

.teaser-box .more-link .arrow:after {
	top: 1px;
}

.audioguide .control-box .description p {
	margin-top: 8px;
}

@media (max-width: 768px) {
	main .box h4 {
		font-size: 1.222rem;
		line-height: 1.333rem;
		letter-spacing: 0.022rem;
	}
}