

/** 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; }
.contact-details h2							{ text-transform:uppercase; }
.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.3em; }
.contact-details .contact-email a			{ font-size:1.3em; }
.contact-details .contact-social a			{ font-size:2.5em; }
.contact-details .address-wrapper			{ margin:0px 0px 20px 0px; display:block; clear:both; }
.contact-details .address-wrapper span		{ font-size:1.3em; }

.contact-details .padding					{ background:#FFFFFF; }

.vcard .vcard-details .vcard-title 			{ font-style:normal; }



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

.static-form-wrapper			{ background:#FFFFFF url(backgrounds/contact.jpg) no-repeat 50% 50%; background-size:cover; }
.static-form-wrapper h1			{ color:#BCD24D; }
.static-form-wrapper .text		{ color:#FFFFFF; }
.static-form-wrapper .btn		{ background:#BCD24D; color:#000000; }
.static-form-wrapper .btn:hover	{ background:#000000; color:#FFFFFF; }



/** 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; } 
	
}






