#wrapper {background-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('/images/28');}


#Contact {display:flex; justify-content:center; padding-left:10px; padding-right:10px; flex-wrap:wrap}


textarea,
input {-webkit-appearance:none; border-radius:10px; padding:10px;
	   border:1px solid rgba(0,0,0,0.9);
	   background-color:rgba(255,255,255,0.9);
}

#Contact > form {min-width:50%}


label {color:rgba(255,255,255,0.5); margin-bottom:5px; display:block;}

input, textarea {width:100%; font-family:InterstateRegular,Arial,sans-serif;}


form :invalid {border-color:red;}

textarea {overflow:auto;}


form > *:not(:last-child) {margin-bottom:15px;}


input[type='submit'] {background-color:rgba(0,0,0,0.1);}



form {margin-top:10vh; margin-bottom:20px;}


	form div.error { background-color: rgba(255,0,0,0.7); }
	div.success { background-color:rgba(0, 255, 0, 0.7); }

form div.messages div {  display: flex; font-size:14px; }

form div.messages div:not(:first-child) {margin-top:10px;}

form div.messages div > * {padding:10px;}
form div.messages div > span {flex-grow:1;}

form div.error > span::before {content:'\26A0  '}
form div.success > span::before {content:'\2714  '}



#Contact > [class$='Exception'] {background-color: rgba(255,0,0,0.7); padding:10px;}

[class='SerializerException'], [class='DuplicateException'] {font-size:0px}
[class='SerializerException']::after {content:'This link is invalid or out of date. Please try submitting the form again.'; font-size:14px;}
[class='DuplicateException']::after {content:'We have already received this enquiry. Please wait for a response, or send a new one using the form.'; font-size:14px;}