html, body {
	height: 100%;
}

body {
	background-color: #302C23;
	color: #dbdbbf;
	font-family: 'Alegreya Sans', sans-serif;
}

@media only screen and (max-width: 650px) {
	body {
		padding: 0 15px 0 15px;
	}
}

@media only screen and (min-width: 651px) {
	body {
		padding: 0 50px 0 50px;
	}
}

h1 {
	font-weight: 200;
	font-size: 3.4em;
	color: #dbdbbf;
	margin-bottom: 0.4em;
	text-align: center;
}

.strikethrough {
	text-decoration: line-through;
}

#navigation-breadcrumbs {
	padding-top: 25px;
	list-style: none;
	font-size: 1.2em;
	font-weight: 200;
}

#navigation-breadcrumbs li {
	display: inline;
}

#navigation-breadcrumbs li:not(:last-child):after {
	content: '›';
}

#navigation-breadcrumbs a {
	text-decoration: none;
	color: #e6e6d2;
	font-weight: normal;
}

@media only screen and (max-width: 560px) {

	#navigation-breadcrumbs {
		display: none;
	}

	h1 {
		font-size: 2.3em;
	}
}