#message,
#error {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
#error { color: #9e2000; }
#message > *,
#error > * {
	flex: 0 1 auto;
}
#mform {
	max-width: 700px;
	margin: 0 auto;
}

#mform label {
	display: block;
	padding: 10px 5px 5px;
}
#mform .in_form input[type=text],
#mform .in_form textarea {
	width: 100%;
	border: 2px solid #dce1d5;
	border-radius: 6px;
	padding: 2px 5px;
}
#mform .in_form input[type=text]:focus,
#mform .in_form textarea:focus {
	border-color: #f2a310;
}
#mform.preview .in_form input[type=text],
#mform.preview .in_form textarea {
	-webkit-appearance: none;
	border: 1px solid #dce1d5;
	border-radius: 0;
	pointer-events: none;
}
#mform .in_btn {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 30px auto 0;
}
#mform .in_btn button {
	flex: 0 0 auto;
	padding: 5px 2em;
	margin: 0 5px;
	border: 1px solid #dce1d5;
}
#mform .in_btn button:hover {
	animation: btn .5s;
}
@keyframes btn {
	0% { background: #fff; }
	10% { background: #f2a310; }
	100% { background: #fff; }
}
