body{
	background:navy;
}

p {
	color: black;
	font-family: arial;
}

h1 {
	font-family: times new roman;
	text-decoration: underline;

}

a {
	color:red;
}

a:visited{
	color:darkred;
}

a:hover{
	color:white;
}

iframe{
	max-width:560px;
	width:100%;
}
table {
	border-collapse: collapse;
	max-width:500px;
	width:100%;
}

th, td{ 
	border:2px solid black;
 }

 th{
 	background:black;
 	color:white;
 }

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

#nav ul{
	text-align: center;

}

#header h1{
	text-align: center;
}

#header img {
	width:100%;
}
 #header{
 	max-width:900px;
 	width:80%;
 	background:lightgray;
 	position: relative;
 	margin:auto;
 }
 #nav{
 	max-width:900px;
 	width:80%;
 	background:lightgray;
 	position: relative;
 	margin:auto;
 }
 #section{
 	width:80%;
 	max-width:900px;
 	background:lightgray;
 	position: relative;
 	margin:auto;
 }
 #footer{
 	width:80%;
 	max-width:900px;
 	background:lightgray;
 	position: relative;
 	margin:auto;
 }

 #footer p {
text-align: center;
}

 .sidebar {
float: right;
width: 50%;
height: auto;
border: 1px solid white;
margin-left: auto;
margin-right: auto;
}
.sidebar-bottom {
display: none;
}
@media screen and (max-width: 600px) {

.sidebar {
display: none;
}

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