html {
	font-family : Arial,Helvetica,Univers;
	font-size: 16px;
}

body {
	width: 100%;
	margin: 5px auto;
	border: 2px solid #FFCC99;
	color : black;
	background-color : white;

}
header h1{
	float: left;
	width: 70%;
	color: #996633;
	text-align: center;
	vertical-align: middle;
}

header img {
	float: left; 
	width: 20%;
}

nav {
	clear: both;
	width: 100%;
	margin: 0;
	padding: .25rem 0;
	background-color: #FFCC99;
	color: black;
}
nav ul {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	
}
nav ul li {
	display: inline-block;
	
}
nav a {
	color: #663300; 
	padding: 0 1rem;
	font-weight: bold;
	font-size: large;
}

footer{
	display: flex;	
	align-items: center;
	margin: 2rem 0rem 0rem 0rem;
	padding: 0em 1rem;
	color: black;
	background-color: #FFCC99;
}
footer p {
	display: inline-block;

}
footer h4 {
	display: inline-block;
	margin: 1rem 0rem;
}

a:link	  {color : #0000ff;}
a:visited {color : #800080;}
a:active  {color : #800080;}
a:hover   {color : #09c;}

@media only screen and (max-width: 500px) {
	body {
		width: 95%;
		margin: 5px auto;
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 800px) {
	body {
		width: 800px
	}
}