p {
	color:green;
	font-family:PT serif;
}

h1 {
	color:pink;
	font-family:PT serif;
	font-size:40px;
	text-align:center;
}

h4 {
	color:green;
	font-family:PT serif;
}

a {
	color:pink;
}

a:visited {
	color:deeppink;
}

a:hover {
	color:deeppink;
}

ul {
	font-family:PT serif;
	color:green;
}

ol {
	font-family:PT serif;
	color:green;
}

table {
	border-collapse:collapse;
	max-width: 550px;
	width:100%;
	font-family:PT serif;
	margin: 20px;
}

th, td {
	border: 1px solid green;
	padding: 5px;
}

td {
	text-align:center;
	color:green;
}

th {
	color:deeppink;
	background:lightpink;
}

td:hover {
	background:lightgreen;
}

body {
	background: antiquewhite;
}

#header img {
	width:100%;
}

#header {
	background:floralwhite;
	position:relative;
	max-width:900px;
	width:100%;
	margin: auto;
	padding: 10px;
	margin-bottom:10px;
}

#nav {
	background:floralwhite;
	position:relative;
	max-width:900px;
	width:100%;
	margin: auto;
	padding: 10px;
	margin-bottom:10px;
}

#section {
	background:floralwhite;
	position:relative;
	max-width:900px;
	width:100%;
	margin: auto;
	padding: 10px;
	margin-bottom:10px;
}

#footer {
	background:floralwhite;
	position:relative;
	max-width:900px;
	width:100%;
	margin: auto;
	padding: 10px;
	margin-bottom:10px;
}

#footer p {
	text-align: center;
}

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

#nav ul {
	text-align: center;
}


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

.sidebar-bottom {
display: none;
}

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

.sidebar {
display: none;
}

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

#section img {
border-radius:20px;
}