header { font-family: "Croissant One", "Times New Roman";
	text-align: center;
	font-size: 25px;
	background-color: #0066CC;
	font-weight: bold;
	padding: 1px;
}

nav { background-color: #434343;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16.7px;
}

nav ul { list-style-type: none;
	display: flex;
	margin: 0px;
	justify-content: space-around;
}

nav a { list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
}

h2 { text-align: center;
	font-weight: bold;
	font-size: 35px;
}

main { font-family: "Times New Roman", serif;
	text-align: center;
	background-color: #CCCCCC;
	Padding: 5px;
	padding-bottom: 40px;
	min-height: 900px;
}

p { font-size: 20px;}

table { text-align: center;
background-color: #434343; }

td, th { padding: 5px;
border: 3px solid #434343;}

td {text-align: center;}

footer { font-style: italic;
}

.head_order { background-color: #000000;
width: 355px;
color: #FFFFFF;
float: left;
text-align: center;
min-height: 900px;
padding-bottom: 40px;
}

.index { padding-left: 0;}

.image { width: 50px;
margin: 0;
color: #FFFFFF;
background-color: #4a4a4a;}

@media only screen and (max-width: 64em) {

	

	body {margin: 0;

	background-color: #FFFFFF; }

	header { padding-top: 0.5em;

			 padding-bottom: 0.5em;

			 padding-left: 0;

			 height: auto;}

	h1 { letter-spacing: 0.1em; }

	main { margin-left: 0; }

	nav { float: none;

		 width: auto;

		 text-align: center;

	padding: 0.5em; }

	nav li { display: inline;

	padding: 0.25em 0.75em; }

	.head_order { background-size: contain;}

	footer { margin-left: 0; }

	}

	

	@media only screen and (max-width: 37.5em) {

		

		main { padding: 0.1em 1em;

		font-size: 90%; }

		h1 { font-size: 2em; }

		nav { padding: 0; }

		nav li { display: block;

				 margin: 0;

		border: solid 2px #330000; }

		nav a { display: block; }

		#mobile { display: inline; }

		#desktop { display: none; }

	}