@media (max-width: 700px) {
	body {
		position: relative;
		min-width: 250px;
		width: 95%;
		width: 95vw;
	}

	.insert, #main, #contenttitle, #content {
		min-width: 20em;
		max-width: 100%;
		max-width: 100vw;
	}

	header div#pagetitle, header div#pagetitle a {
		line-height: normal;
	}
	header div#pagetitle a {
		display: block;
		font-size: 18pt;
		height: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	#contenttitle {
		padding-top: 3em;
	}

	#menu, input#expandmenu, #sidebar, input#expandsidebar {
		position: absolute;
		top: 100px;
	}
	#menu, input#expandmenu {
		left: 0px;
	}
	#sidebar, input#expandsidebar {
		right: 0px;
	}
	input#expandmenu, input#expandsidebar {
		display: inline-block;
		clip: rect(0, 0, 0, 0);
	}
	#menu, #sidebar {
		height: 3em;
		max-width: 8em;
		min-width: 0;
		overflow: hidden;
		border-radius: 4px;
		padding: 0;
		margin: 0;
		background: #333333;
		color: #BBBBBB;
		border: 1px solid #000;
		box-shadow: 1px 1px 1px #000;
	}
	#menu label, #sidebar label {
		display: block;
		cursor: pointer;
		padding: 0 1em;
	}
	#menu label:hover, #sidebar label:hover {
		background-color: #5E5A5A;
		color: #EEEEEE;
	}
	#menu label h2, #sidebar label h2 {
		font-size: 13pt;
		font-weight: bold;
		margin-top: 0;
		height: 5em;
		line-height: 2em;
		text-shadow: 1px 1px 1px #000;
	}
	#menu label h2:after, #sidebar label h2:after {
		content: '\25bc';
		float: right;
	}

	input#expandmenu:checked + #menu, input#expandmenu:checked + #menu label h2,
	input#expandsidebar:checked + #sidebar, input#expandsidebar:checked + #sidebar label h2 {
		height: auto;
		max-width: 15em;
	}
	input#expandmenu:checked + #menu, input#expandsidebar:checked + #sidebar {
		padding-bottom: 1em;
	}
	input#expandmenu:checked + #menu label h2:after,
	input#expandsidebar:checked + #sidebar label h2:after {
		content: '\25b2';
	}

	#menu ul li, #menu ul li.menu-right {
		float: none;
		padding: 0 1em;
	}
	#menu * {
		height: auto;
	}
	#menu ul li a {
		display: block;
		font-size: 12pt;
		margin: 2pt 0;
	}
	#menu ul li#driftinfo-link {
		display: block;
	}

	#sidebar {
		padding: 0 1em;
	}
	#sidebar label {
		margin: 0 -1em;
	}
	#sidebar a {
		color: #fff;
	}
}
