* {
	font-family: "Avenir", "Helvetica", "Arial", sans-serif;
	box-sizing: border-box;
}




h1, h2, h3 {
	color: #00b74f;
}

hr {
	margin: 0;
	width: 100%;
	
	border: 3px solid #00b74f;
}

img {
	max-height: 400px;
}



fieldset {
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	width: 13rem;
	padding: 0;
	border: none;
}
legend:before {
	content: "✱ ";
	color: red;
}
form li {
	margin-top: 1rem;
	padding-left: 1.3rem;
	list-style: none;
}

.required:before {
	content: "✱ ";
	color: red;
}
.required {
	margin-left: -1.15rem;
}

label {
	display: block;
}
input[type="text"], input[type="email"] {
	width: 12rem;
	padding: 0.2rem;
}
textarea {
	width: 12rem;
	height: 3rem;
	padding: 0.2rem;
	resize: none;
}
input[type="submit"] {
	border: none;
	padding: 0.3rem;
	
	color: white;
	background-color: #00b74f;
}
input[type="submit"]:hover {
	cursor: pointer;
}
input[type="submit"]:active {
	background-color: #007533;
}




body {
	display: flex;
	flex-direction: column;
	align-items: center;
}
main {	
	display: flex;
	flex-direction: column;
	
	margin: auto;
	border-top: 6px solid #00b74f;
	border-left: 0;
	max-width: 12in;
	padding: 1rem;
}




@media only screen and (min-width: 560px) {
	fieldset {
		margin-left: 0;
		margin-right: 0;
	}
	
	body {
		flex-direction: row;
		
		margin: auto;
		max-width: 12in;
	}
	main {
		border-top: none;
	}
}