p {
	color:beige;
	font-family:Veranda;
}

h1 {
	color:beige;
	font-family:Veranda;
	font-size:60px;
}

ul {
	font-family:Veranda;
	color:#d6ad60;
}

a {
	color:#f4ebd0;
}

a:visited {
	color:#b68d40;
}

a:hover {
	color:#d6ad60;
}

table {
	font-family:Arial;
	border-collapse:collapse;
	max-width:600px;
	width:100%;
	text-align:left;
	margin-bottom: 20px;

}

th,td {
		border:1px #1e1409;
		padding:10px;

}

th {
	background:#1e1409;
	color:beige;

}

td {
	background:#1e1409;
	color:beige;
}


body {
	background:#122620;
}

#header {
	background:#1e1409;
	max-width:900px;
	width:80%;
	position:relative;
	margin:auto;
	padding:20px;
		margin-bottom:20px;


}


#nav {
	background:#1e1409;
	max-width:900px;
	width:80%;
	position:relative;
	margin:auto;
	padding:20px;
		margin-bottom:20px;

}

#section {
	background:#1e1409;
	max-width:900px;
	width:80%;
	position:relative;
	margin:auto;
	padding:20px;
		margin-bottom:20px;

}


#footer {
	background:#1e1409;
	max-width:900px;
	width:80%;
	position:relative;
	margin:auto;
	padding:20px;
		margin-bottom:20px;


}

.racoon {
	text-align:center;
}

#header h1 {
	text-align:center;
	}
}

#footer p {
	text-align:center;
}

#nav li {
	display:inline;
	padding-right:40px;
}

#nav ul {
	text-align:center;
}

img {
	margin-bottom: 20px;
}


#header img {
	width:100%;
}


.sidebar {
float: right;
width: 30%;
height: auto;
margin-left: auto;
margin-right: auto;
}


.sidebar-bottom {
display: none;
}

@media screen and (max-width: 1005px) {

.sidebar {
display: none;
}

.sidebar-bottom {
display: block;
position: relative;
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
}