* {
	padding: 0;
	margin: 0;
	font-family: century gothic;
}

form { 
	padding: 50px 20px;
	background-color: #ededed;
	margin: calc(25% + 100px);
	margin-top: 70px;
	padding-top: 28px 
}
	
h1 {
	text-align: center;
	padding: 12px;
	color: #444
}
h2 {
	text-align: center;
}

input {
	width: calc(100% - 20px);
	padding: 9px;
	margin: auto;
	margin-top: 12px;
	font-size: 16 px
}

select {
	width: calc(100% - 20px);
	padding: 9px;
	margin: auto;
	margin-top: 12px;
	font-size: 16 px
}

input[type='submit'] {
	background-color: #48e;
	color: #fff;
	width: calc(80% - 20px);
	margin: 0 10%;
	margin-top: 22px;
	border: none; 
}
div.form-element {
    margin: 20px 0;
}
p.success,
p.error {
    text-align: center;
    color: white;
    font-family: lato;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
}
 
p.error {
    background: orangered;
}

header { 
	border-bottom: 2px solid #eee;
	padding: 20px 0;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

header a {
	text-decoration: none;
	color: #333;
}