.contact-left {
	width:22.7%;
	margin-right:3.1%; 
}
.contact-right {
	width: 74.2%;
}
.contact-top {
	height:550px;
	margin-bottom:50px;
}

.contact-title-box {
	display:block;
}
.contact-title-box, .contact-left.contact-bottom  {
	border-top:		2px solid black;
	border-bottom:	2px solid black;
}

.contact-title-box 	{				height:172px; }
.contact-left.contact-bottom 	{ 	height:270px; }

.contact-title {
	font-size:40px;
	margin-left:5px;
	margin-top:20px;
}
.contact-details {
	margin-top:30px;
	font-size:20px;
}
.contact-details-title {
	font-size:20px;
	letter-spacing:2px;
}
.contact-numbers 	{	margin-top:30px;	}
.contact-address 	{	margin-top:30px;	}
.contact-address p 	{	line-height:130%;	}

.contact-numbers td { vertical-align: top; }
.email, .phone {
	margin-right:10px;
}
.phone { margin-top: -3px; 	}
.phone { width: 15px; 		}
.email { width: 18px; 		}


#map-canvas {
	width:100%;
	height:100%;
}
#map-canvas img { max-width: none; }

.contact-mail-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#email-btn {
	cursor:pointer;
	margin-top:20px;
}

.bottom-left-inner {
	display:block;
	padding-top:25px;
	letter-spacing:2px;
	font-size:23px;
	font-weight:bold;
}

.message-left {
	width:65.2%;
	margin-right:4.2%;
}
.message-right {
	width:30.6%;
}
.form-errors {
	font-size:19px;
	color:white;
	background-color:#990000;
	padding:20px;
	padding-top:10px;
	margin-bottom:20px;
}
.form-errors p {
	margin-top:10px;
}
.form-success {
	font-size:19px;
	color:white;
	background-color:#A09C98;
	padding:20px;
	margin-bottom:20px;
}
.form-success p {
	line-height:130%;
}

.message-field.text {
	padding:20px;
	min-height:60px;
	font-size:19px;
	width:100%;
	background-color:#EAE9E7 !important;
	resize: none;
	border:none !important;
	outline: none;
	box-shadow:none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.message-field.text:focus {
	background-color:#F4F4F4 !important;
}
 
.message-field {
	width:65.2%;
	margin-right:4.2%;
	height:270px;
}

input.name {	margin-bottom:25px;	}
input.email {	margin-bottom:63px;	}

.name-field, .email-field, .submit-field {
	width:100%;
}
.submit-btn {
	text-align:center;
	font-weight:bold;
	letter-spacing:4px;
	display:block;
	width:100%;
	padding:20px 5px;
	font-size:22px;
	background-color:#A09C98;
	width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.submit-btn:hover {
	background-color:#5D5B59;
}

/* Make placeholder disappear on focus 
.message-field:focus::-webkit-input-placeholder {	color: transparent;	}
.message-field:focus:-moz-placeholder {				color:transparent;	}
.message-field:focus {
	border-color:inherit !important;
}
/* Overriding chrome's autocomplete styling of input fields */ 
.message-field.text:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px #EAE9E7 inset !important; 
    -webkit-text-fill-color: #555;
}
.message-field.text:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #EAE9E7 inset !important;
    -webkit-text-fill-color: #555;
}

input.arbitrary-class {
	display:none;
}

@media all and (max-width: 1300px) {
	.content {
		padding-left:20px;
		padding-right:20px;
	}
}
@media all and (max-width: 1150px) {
	.contact-left {
		width:31.9%;
		margin-right:3.1%; 
	}
	.contact-right { width: 65%; }
}
@media all and (max-width: 1080px) {
	.contact-bottom {
		width:100%;
		margin:0;		
	}
	.contact-bottom.contact-left {
		height:75px;
		margin-bottom:20px;
	}
}
@media all and (max-width: 950px) {
	.message-left, .message-right 	{	width:48%;			}
	.message-left 					{	margin-right:4%;	}
}
@media all and (max-width: 900px) {
	.contact-top {
		width:100%;
		margin:0;
	}
	.contact-title-box {
		height:auto;
		padding-bottom:16px;
	}
	.contact-numbers, .contact-address 	{	margin-top:20px;	}
	.contact-details-title 				{	display:none;		}
	.contact-top.contact-left 			{	height:320px;		}
	.contact-top.contact-right 			{	margin-bottom:25px;	}
}
@media all and (max-width: 630px) {
	.message-left, .message-right {
		width:100%;
		margin:0;
	}
	input.message-field {
		margin-bottom:10px;
	}
}
@media all and (max-width: 560px) {
	.contact-top.contact-right {
		height:500px;
	}
}
@media all and (max-width: 560px) {
	.contact-top.contact-right {
		height:300px;
	}
}