@media only screen and (max-device-width: 820px) {
	div#logo {
		max-width: 820px;
		height: 192px;
	}

	div#infobox #slogan {
		font-size: 1.5em;
	}

	div#infobox #subslogan {
		font-size: 1.2em;
		padding-left: 0px;
	}

	div#nav {
		font-size: 1em;
		padding-top: 10px;
	}

	#nav ul {
		display: inherit;
	}

	#nav li {
		display: inline;
		padding: 5px;
	}

	div#date {
		float: none;
		color: #777;
		font-size: 0.8em;
		background: #303030;
		padding: 5px;
		margin: 0px;
	}

	div#infobox {
		padding: 10px;
		padding-left: 15px;
	}

	div#maincontent {
		font-size: 1em;
		padding: 10px;
	}

	ul.linklist li {
		width: 100%;
		float: none;
	}

	div.footer {
		font-size: 0.8em;
	}

	div.metadata {
		font-size: 0.8em;
	}

}

@media only screen and (max-device-width: 200px) {
	div#infobox #slogan b {
		display: none;
	}

	div#infobox #slogan #bar {
		display: none;
	}
}

@media only screen and (max-device-width: 400px) {
	div#logo {
		max-width: 400px;
		height: 192px;
	}
}