/* CONTACT PAGE STYLES */

.contact-form {display: table-cell; text-align: center; vertical-align: middle; width: 70%;}
.contact-content { margin: 10% auto; padding-right: 10%; display: inline-block; text-align: left; width: 90%;}
.map-icon {background-repeat: no-repeat; background-position: center; min-height: 380px;}
.map-left-side {width: 100%; display: block; position: relative; text-align: center;}

.webform-layout-box.horiz > *, .webform-layout-box.equal > * {display: inline-block; vertical-align: top; word-spacing: normal; zoom: 1; width:43%; margin-right: 4%;}
.webform-layout-box.horiz > .webform-component-textarea {width:100%; margin-right: 4%;}
.webform-layout-box.horiz input[type="text"], input[type="email"] {width:100%;}
.contact-form label {padding: 3% 0 1% 0; color: #3d475d; font-weight: 600;}


@media (max-width: 980px) {
 .contact-form {padding: 0 10%; width: 100%; display: block;}
 .map-icon {float: left; width: 30%; background-position: center; min-height: 200px; padding: 5%;}
 .map-left-side p {text-align: left !important; padding-top: 8%;}
 .contact-content {margin: 0 auto 10%;}
 .webform-layout-box.horiz > *, .webform-layout-box.equal > * {display:block; width: 86%;}
.webform-layout-box.horiz > .webform-component-textarea {width: 96%;}

}

@media (max-width: 600px) {
.map-icon {width:30%; min-height:150px; background-size: 70%;}
.webform-layout-box.horiz > *, .webform-layout-box.equal > * {display:block; width: 86%;}

.webform-layout-box.horiz > .webform-component-textarea {width: 92%;}
}



/* END OF CONTACT PAGE STYLES */

