body { font-family: Lucida Sans Unicode, Geneva, sans-serif;
	color: #000000;
	background-color: #F8F8FF; }

#banner {background-image: url(banner.png);
	background-repeat: no-repeat;
	min-height: 350px;
	display: block;
	background-position: center ;
	margin-top: 110px; }

nav {	width: 100%;
	padding-top: 1em;
	padding-right: 0; 
	text-align: center;
	background-color: #5F9EA0;
	position: fixed; top: 0; left:0; right: 0;  }

nav a { text-decoration: none; }

nav a:link { color: #FFFFFF; }
nav a:visited { color: #FFFFFF; }
nav a:hover { color: #000000; }

nav ul { list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0em;
	font-size: 2em; }

nav li {display: inline;
	width: 50%; }


#logo { padding-top: 1em;
	padding-left: 1em;
	position: fixed; top: 0; left:0;
	display: none;
	z-index: 9999; }

main {  margin: auto;
	width: 70%; }

h1 { color: #F08080;
	font-size: 4em;
	text-align: center;
	margin: 0; }


h2 { color: #008080;
	font-size: 2.5em;
	text-align: center; }

h3 { color: #000000;
	font-size: 1.5em;
	text-align: center; }

h3 a {	color: #008080;
	font-size: 1.5em; }

h3 a:link { color: #008080; }
h3 a:visited { color: #008080; }
h3 a:hover { color: #F08080; }

p { font-size: 1em; 
	text-align: left; }

div { display: none; }

form { width: 65%;
	display: grid;
	grid-gap: 1.5em; gap: 1.5em;
	grid-template-columns: 10em 1fr;
	grid-template-rows: auto;
	margin: auto;
	padding: 3em 0; }

input[type="submit"] { grid-column: 2 / 3;
			width: 15em; }

label { text-align: right;
	color: #008B8B;
 	font-size: 1.75em;
	font-weight: bold; }

footer { font-size: .60em;
	text-align: center;
	padding-bottom: 0; }

section a { text-decoration: none; }

section a:link { color: #008080; }
section a:visited { color: #008080; }
section a:hover { color: #F08080; }

#scroll { display: flex; 
	justify-content: space-around; }

#title { padding-top: 1.5em; }


#social { display: flex; }

#social span { padding: 0 1%;}

#title_pic { display: none;
	text-align: center; }

.food { text-align: center; }

.info { text-align: center;
	border: .5em solid #696969;
	display: block;
	margin: 5% 0;
	font-size: 1.25em; }

.link { color: #333366; }

* { box-sizing: border-box; }

@media (min-width: 600px) {

nav ul {text-align: right; 
	flex-wrap: nowrap;
	justify-content: flex-end;}

nav li {width: 40%;
	padding: 0 1em; } 

#social {margin-left: 7%; }

#social span { padding: 0 5%; }

}

@media (min-width: 900px) {

div { display: block }

#logo { display: block; } 

header { margin-top: 125px;}

#title { padding-top: 0; }

#social {margin-left: 17%; }
}

@media (min-width: 985px) {

nav li {width: 30%;
	padding: 1em 1em; }

#social { display: flex;
	margin-left: 20%; }

.info { display: flex; }

.info_item { margin-right: 5%;
	width: 30%;
	padding-bottom: 3%; }

}

@media (min-width: 1500px) {

nav ul { font-size: 2.5em }

nav li {width: 20%;
	padding: .6em 1em; }

header { margin-top: 8%;}

#title_pic { display: block; }

#social { margin-left: 27%; }

 }