#header { color: #FFF; }
#header > .content-wrapper {
	position: relative;
	padding-top: 250px;
	padding-bottom: 45px;
}
#header > .content-wrapper > .breadcrumbs {
	overflow: hidden;
	margin-bottom: 40px;
	
	white-space: nowrap;
	text-overflow: ellipsis;
}
#header > .content-wrapper > .breadcrumbs > a {
	flex: 0 0 auto;
	
	font-size: 13px;
	font-weight: 600;
}
#header > .content-wrapper > .breadcrumbs > a.current { margin-left: 20px; }
.loaded #header > .content-wrapper > .breadcrumbs > a { transition: color .2s ease-out; }
#header > .content-wrapper > .breadcrumbs > a.current,
#header > .content-wrapper > .breadcrumbs > a:hover { color: var(--off-color); }
#header > .content-wrapper > .title {
	margin: 0;
	font-weight: 700;
}

@media (min-width: 900px)	 { #header > .content-wrapper > .title { font-size: 80px; } }
@media (max-width: 899.99px) { #header > .content-wrapper > .title { font-size: 30px; } }