/* general */
body, td {
	background-color: #FFCC99;
	background-image: url(img/bg.jpg);
	font-family:  TimesNewRoman,"Times New Roman",Times,serif;
	color: #663300;
}

#hamburger, #navlist {
	border: 1px solid #663300;
	background-color: rgba(102,51,0,0.3);
	margin: 0.25em;
}

#hamburger {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	right: 10px;
}

#hamburger a {
	display: block;
	text-decoration: none;
	padding: 0.25em 0.5em;
}

#navlist {
	display: none;
	font-size: 1.25em;
	padding: 0.75em 0.75em 0.75em 2em;
}

#nav li {
	margin-bottom: 0.25em;
}

#nav li:first-of-type {
	margin-bottom: 1em;
}

#nav li:last-of-type {
	margin-top: 1em;
}

a:link, a:visited {
	color: #663300;
}

a:hover, a:active {
	color: #000000;
}

/* layout and stuff */
#nav {
	margin-right: 2em;
	width: 100%;
}

.col {
	width: 100%;
}
#nav, #content, .col {
	float: left;
}

#content {
	margin-bottom: 3em;
	width: 630px;
	max-width: 95vw;
}

#head {
	text-align: center;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #663300;
}

#head, #foot {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

.col {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

/* content */
h1, h2, h3 {
	margin: 0 0 0.25em;
}

h1 {
	margin-top: 1em;	
	font-size: 150%;
}

h2 {
	font-size: 125%;
}

h3 {
	font-size: 100%;
}

#fliesstext {
	width: 500px;
	max-width: 100%;
}


@media only screen and (min-width: 895px) {
	#nav {
		margin-top: 6.5em;
		width: 200px;
		border: 0;
		background-color: transparent;
	}
	#hamburger {
		display: none;
	}
	#navlist {
		display: block;
		border-style: none;
		background-color: transparent;
		margin: 0;
		font-size: 1em;
		padding: 2em;
	}
	.col {
		width: 290px;
	}
}