/** HEADER **/
.header-wrapper	.contact-page-form			{ position:relative; z-index:2; }
.header-wrapper								{ background:#586273 url(backgrounds/contact.jpg) no-repeat 50% 30%; background-size:cover; }

/** CONTACTS **/
.contact-cards								{ text-align:center; padding:50px 0px; }
.contact-cards .card						{ display:inline-block; vertical-align:top; width:33%; }
.contact-cards .spacing						{ margin:10px; }
.contact-cards .name						{ text-transform:uppercase; font-weight:300; font-size:1.6em; padding:20px 10px; }
.contact-cards .position					{ text-transform:uppercase; padding:0px 10px 20px 10px; }
.contact-cards .email						{ display:block; text-transform:uppercase; padding:20px; }
.contact-cards img							{ width:100%; max-width:800px; max-height:50px; }
.contact-cards								{ background:#FFFFFF; }
.contact-cards .card-top					{ background:#FAFAFA; }
.contact-cards .name						{ color:#00704A; }
.contact-cards .position					{ color:#777777; }
.contact-cards .email						{ background:#00704A; color:#FFFFFF; }
.contact-cards .email:hover					{ background:#7E9D8B; color:#FFFFFF; }

/** MAP **/
.contact-map								{ width:100%; height:400px; }

/** RESPONSIVE **/
@media screen and (max-width:760px){
	.contact-cards .card					{ width:48%; }
}
@media screen and (max-width:520px){
	.contact-cards .card					{ width:100%; }
	.contact-cards .spacing					{ margin:5px 0px; }
}