* { box-sizing: border-box}

h1 {
	font-family: Serif
}

body {
   font-family: Verdana, Arial,Sans-serif;
   margin: 0px;
	 
}

.cs-header  {
	margin-bottom: -20px;
	height: 70px;
	width: auto;
	display: flex;
  	flex-direction: row;
	border:0px;
}

#cs-frontpg-img {
	margin-top: 20px;
	height: 600px;
	width:100%;
}



input[type=text] {
	display:inline-block;
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
}

input[type=submit]{
	width:100%;
	margin: 8px 0;
	background-color: #4CAF50;
	color: white;
	border: none;
  border-radius: 4px;
	padding: 14px 20px;
	
}

textarea {
	width:100%;
	resize: none;
	height: 150px;
	margin: 8px 0;
	
}

#cs-pg-header  h2 {
	padding-top: 20px;
	color:#444306;
	padding-left: 40px;

}

#cs-pg-header {
	
	height: 80px;
	width:100%;
	background-color:#BAE297;

}

#cs-pg-header h1 {
	color:#444306;
	padding-left: 20px;
}

.cs-content {
	margin-top:50px;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	min-width: 700px;
	min-height:500px;
}
header {
	height: 70px;
	width: auto;
	flex: 3;
}

nav {
	padding-top: 19px;
	flex:7;
	width: 350px;
}

/* Main {
	background-color:#BAE297;
} */

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

nav a {
	text-decoration: none;
}

nav li {
	display: inline; 
	padding-right: 10px;
}

footer {
	
	text-align: center;
	 font-size: .90em;
   font-style: italic;
	 

}