.sidebar ul {
	list-style: none;
	padding: 0;
}

.sidebar h4 {
	margin: 1em 0 0;
}

.sidebar a,
.sidebar span {
	color: #333;
	text-decoration: none;
	display: block;
	margin: 5px 10px;
}

.sidebar a.current,
.sidebar .current-menu-item a {
	color: #c80000;
}

.sidebar a:hover {
	text-decoration: underline;
}

@media all and (min-width: 48em)
{
	.beside {
		display: inline-block;
		width: calc(100% - 300px);
		padding-left: 20px;
		margin-top: 2em;
	}
	
	.sidebar {
		display: inline-block;
		vertical-align: top;
		width: 300px;
		padding-right: 20px;
		margin-top: 2.5em;
	}
	
	.beside > :first-child,
	.sidebar > :first-child,
	.sidebar > ul > :first-child > h4 {
		margin-top: 0;
	}
}