/* Settings for small screens */

header {
	padding: 0 0.5em;
}
header > h1 {
	font-size: 2em;
}

nav {
	border-bottom: 2px solid #367FBF;
	position: relative;
	width: 100%;
}
nav > ul > li {
	border-top: 1px dotted #367FBF;
	font-size: 160%;
	text-align: center;
}
nav > ul > li:first-child {
	border-top: 2px solid #367FBF;
}
nav > ul > li > * {
	font-weight: normal;
	padding: 0.3em 0;
}

main {
	min-height: 0;
	padding-left: 0.5em; /* same as header padding */
	padding-right: 0.5em;
}

footer {
	padding-left: 0.5em; /* same as header padding */
	padding-right: 0.5em;
}

div.badge {
	float: none;
	text-align: center;
}