body { font-family: Palatino Linotype, serif;
	color: #030;
	background-color: #FDF5E6; }

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

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

.pic { 	width: 100%;
	display: block;
	margin: 5% auto;  }

.picHead { width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;  }

.thumbnailwrap { display: flex;
	flex-wrap: wrap;
	justify-content: center; }

.thumbnail { padding: .5em;
	width: 50%;
	display: block; }

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

h1 a {	text-decoration: none; }

h1 a:link { color: #030; }
h1 a:visited { color: #030; }
h1 a:hover { color: #800000; }

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

h2 a {	text-decoration: none; }

h2 a:link { color: #030; }
h2 a:visited { color: #030; }
h2 a:hover { color: #800000; }


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

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

.button {margin-left: 20%;
	font-size: 2em;
	background-color: #800000;
	color: #FDF5E6;
	text-decoration: none;
	border: 5px solid #800000; }

form {	display: grid;
	grid-gap: .5em; gap: 1em;
	grid-template-columns: 8em 1fr;
	grid-template-rows: auto;
	margin: auto;
	padding: 3em 0; }

form label { font-size: 1.25em;
	text-align: left; }

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

label { text-align: right;
	color: #800000;
 	font-size: 1.5em;
	font-weight: bold; }

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

.recipe { margin-left: 10%;
	font-size: 1.25em;
	line-height: 1.5em; }

#socials { color: #800000;
	display: inline-block; }

.header_text { padding-top: 140px;
	color: #FDF5E6; }

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

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

.link { color: #800000; }

* { box-sizing: border-box; }

.topnav { overflow: hidden;
	position: relative; }

.topnav #myLinks { display: none; }

#myLinks a:link { color: #030; }
#myLinks a:visited { color: #030; }
#myLinks a:hover { color: #800000; }

.topnav a { padding: 14px 16px;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	display: block; }

.topnav a.icon { display: block;
	position: absolute;
	right: 5%;
	top: 20px;
	font-size: 2.5em;
	color: #030; }

.topnav a:hover { color: #800000; }

nav ul { list-style-type: none; }

@media (min-width: 600px) {

.button {margin-left: 40%; }

#socials { margin-left: 19%; }


.thumbnail { width: 200px;
	height: 200px; }	

}

@media (min-width: 985px) {

.button {margin-left: 40%; }

form { grid-template-columns: 10em 1fr;
	width: 60%; }

form label { font-size: 1.5em; }

.info { display: flex; }

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

.pic { 	width: 600px;
	height: 400px; }

.picHead { width: 800px;
	height: 600px;  }

.thumbnailwrap { flex-wrap: nowrap; }

.thumbnail { padding: 1em; }	

#socials { margin-left: 34%; }

}