@media screen and (max-width:500px){
	div.ContactLabel {
		padding: 0.5em 0.25em 2px 0.25em;
	}

	div.ContactValue > textarea {
		width: 100%;
		border: solid black 1px;
	}

	div.ContactValue > input {
		width:100%;
		height: 1.5em;
		border: solid black 1px;
	}
}
@media screen and (min-width:501px) and (max-width: 767px){
	div.ContactLabel {
		padding: 0.5em 0.25em 2px 0.25em;
	}

	div.ContactValue > textarea {
		width: 100%;
		border: solid black 1px;
	}

	div.ContactValue > input {
		width:100%;
		height: 1.5em;
		border: solid black 1px;
	}
}
@media screen and (min-width: 768px){
	div#ContactWrapper{
		display: inline-block;
	}

	div.ContactArea {
		position: relative;
		display: table;
		margin: 1em 0 0.5em 0;
	}

	div.ContactRow{
		position: relative;
		display: table-row;
	}

	div.ContactLabel{
		position: relative;
		display: table-cell;
		vertical-align: top;
		padding: 2px 0.25em;
	}

	div.ContactValue{
		position: relative;
		display: table-cell;
		padding: 0.75em 0.25em 2px 0.25em;
	}

	div.ContactValue > textarea {
		width: 40em;
	}

	div.ContactValue > input {
		width: 40em;
	}
}

div.ContactValue > textarea {
	position: relative;
	margin: 0;
	padding: 2px;
	background-color: white;
	border: solid black 1px;
	border-radius: 5px;
	height: 100%;
}

div.ContactValue > input {
	position: relative;
	margin: 0;
	padding: 2px;
	background-color: white;
	border: solid black 1px;
	border-radius: 5px;
	height: 100%;
}

div.ContactFooter {
	text-align: right;
}

button#ContactSend{
	background-color: lightgray;
	border-radius: 5px;
	border-style: solid;
	border: solid gray 1px;
	padding-left: 1em;
	padding-right: 1em;
}

div#MessageArea {
	position: relative;
	margin-top: 1em;
}

div#MessageArea.Normal {
	display:none;
}

div#MessageArea.Success {
	display:block;
	padding: 1em;
	background-color: palegreen;
	border-radius: 5px;
}

div#MessageArea.Error {
	display:block;
	padding: 1em;
	background-color: pink;
	border-radius: 5px;
}