/** MAP **/
.contact-map			{ position:relative; z-index:1; height:300px; }
.contact-map			{ border:10px solid #FFFFFF; }

/** CONTACT DETAILS **/
.contact-details						{ padding:60px 0px; text-align:center; }
.contact-details .icon					{ font-size:3em; color:#EC008C; }
.contact-details h2						{ text-transform:uppercase; color:#232020; }
.contact-details .contact-tel,
.contact-details .contact-email,
.contact-details .contact-social		{ display:inline-block; width:33%; vertical-align:top; }
.contact-details .padding				{ padding:10px; }
.contact-details .contact-tel a			{ font-size:1.4em; }
.contact-details .contact-email a		{ font-size:1.4em; }
.contact-details .address-wrapper		{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; display:block; clear:both; }
.contact-details .address-wrapper span	{ font-size:1.4em; }

.contact-details .padding				{ background:#FFFFFF; }
.contact-details .address-wrapper		{ border-bottom:1px solid #CCCCCC; }

/** FORM **/
.static-form-wrapper			{ padding:60px 0px; }

.static-form-wrapper			{ background:#FFFFFF url(backgrounds/contact02.jpg) no-repeat 50% 50%; background-size:cover; }
.static-form-wrapper h1			{ color:#FFFFFF; }
.static-form-wrapper .text		{ color:#FFFFFF; }
.static-form-wrapper .btn		{ background:transparent; border:3px solid #FFFFFF; color:#FFFFFF; }
.static-form-wrapper .btn:hover	{ background:#FFFFFF; border:3px solid #FFFFFF; color:#2A2A2A; }

/** RESPONSIVE **/
@media screen and (max-width:840px){
	.contact-details .contact-tel,
	.contact-details .contact-email,
	.contact-details .contact-social	{ width:48%; margin:0px 0px 20px 0px; }
	.contact-details .address-wrapper	{ display:inline-block; width:48%; clear:none; vertical-align:top; margin:0px 0px 20px 0px; padding:0px; border-bottom:none; }
}

@media screen and (max-width:570px){
	.contact-details					{ padding:20px 0px; }
	.contact-details .contact-tel,
	.contact-details .contact-email,
	.contact-details .contact-social,
	.contact-details .address-wrapper	{ display:block; width:100%; clear:both; } 
}