* {font-family: Arial, Helvetica, sans-serif;}

header {text-align: center;
	background-color: #392118;
	color: #F5F3F4;
	height: 100px;
	border: 1.5px solid #003300;
	padding-bottom: 30px;}
	
.video {display: flex;
	justify-content: center;
	padding-top: 10px;}

nav {font-size: 20px;}

#nav_menu ul {display: flex;
	flex-basis: 100%;
	justify-content: space-around;
	background-color: #663B2A;
	list-style-type: none;
	margin: 0;
	padding: 0;}

#nav_menu a {color: #FFFFFF;
	text-decoration: none;}

#nav_menu ul li {flex-basis: 12%;}

h3 {font-size: 25px;
	padding-left: 20px;
	color: #392118;}
	
body {background-color: #E2C7A1;}
	
main {padding-bottom: 118px;}

table {border: 1px solid #003300;
	width: 80%;
	border-spacing: 0;
	border-collapse: collapse;}
	
.center {margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  margin-bottom: -4%;}

	
td, th {padding: 5px;
	border: 1px solid #000000;}
	
td {text-align: center;}
	
tr:nth-of-type(odd) {background-color: #AD6B51;
color: #FFFFFF;}
tr:nth-of-type(even) {color: #414033;}



.background {background-color: #ccb18eff;
	padding-bottom: 10px;}

.container {display: flex;
	align-items: center;
	justify-content: center;}

img {float: left;
	padding-left: 20px;}

.text {font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-align: center;
	color: #414033;}
	
.container1 {display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ccb18eff;}
	
.container2 {align-items: center;
	display: flex;
	justify-content: center;}
	
.image {float: left;
padding: 5px;
color: #414033;}

.citation {display:block;
	color: #414033;
	text-align: center;}
	
label {float: left; 
	display: block; 
	text-align: right;
	width: 125px;
	padding-right: 2em;}
	
input, textarea {display: block; 
	margin-bottom: 20px;}
	
input [type="submit"] {margin-left: 135px;}

footer{font-size: 75%;
		font-style: italic;
		font-family: Geogia, "Times New Roman", serif;
		text-align: center;
		padding: 15px;}
		
/*cell phone sized screen*/
@media only screen and (max-width: 37.5em) {
	
.text {font-size: 15px;
	font-weight: bold;
	color: #414033;}
	
.container1 {display: block;
	align-items: center;
	justify-content: center;
	background-color: #ccb18eff;}
	
.container2 {display: block;}
	
.image {width: 100%;
padding: 5px;
color: #414033;}

.container {display: block;
	align-items: center;
	justify-content: center;}
	
.center {margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  margin-bottom: -4%;}
  
.citation {text-align: center;
	color: #414033;}

	/*end of max-width 37.5em*/

}