h1 {text-align: center;}

h2 {text-align: center;}

footer {text-align: center;}

form {display: flex;
		flex-flow: column nowrap;}
		
input, textarea {margin-bottom: .5em;}

form {display: grid;
		grid-gap: 1em;
		gap: 1em;
		grid-template-columns: 6em 1fr;
		grid-template-rows: auto;
		width: 60%;}

@media (min-width: 600px)
{	
	form {display: grid;
		grid-gap: 1em;
		gap: 1em;
		grid-template-columns: 6em 1fr;
		grid-template-rows: auto;
		width: 60%;}
	
	input[type="submit"] {grid-column: 2/3;
							width: 9em;}
}