/* ---- Contact Page ---------------------------------------------------------------------------------------- */
.contact_page_section {
	margin: 40px auto 40px auto;
	width: 60%;
}

.contact_page_section h1 {
	color: #2fafd6; /*#4A89FF;*/
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 9px;
}

.contact_page_section h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 9px;
}

.contact_page_section h5 {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 2px;
	margin: 5px 0px 5px 0px;
}

.contact_full_div {
	width: 100%;
}

.contact_location_info {
	margin-top: 190px;
}

.contact_inner_div {
	width: 50%;
	display: inline-block;
}

.contact_inner_div h4 {
	font-weight: bold;
}

.contact_section_text {	
	font-size: 30px;
	font-weight: 400;
}

.contact_form_element_container {
	width: 45%;
	display: inline-block;
	padding: 10px 10px 0px 5px;
}

.contact_form_element_container_large {
	width: 93%;
	display: inline-block;
	padding: 10px 10px 0px 5px;
}

.contact_form_button_container {
	padding: 20px 10px 0px 5px;
}

.contact_email_indicator {
	display: none;
	margin-top: 20px;
}

.contact_email_response {
	display: none;
	text-align: center;
	width: 350px;
	margin-top: 20px;
}

.contact_email_text:before {
	content: url("/images/email_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.contact_phone_text:before {
	content: url("/images/phone_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.contact_email_reponse {
	padding-top: 20px;
}

#locationIframe {
	width: 100%;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 30px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 4px 4px 14px #000;
	-webkit-box-shadow: 4px 4px 14px #000;
	box-shadow: 4px 4px 14px #000;
}

.google_map {
	margin-top: 40px;
	vertical-align: top;
}
/* ----------------------------------------------------------------------------------------------- */

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 
	/* Contact Page ----------------------------------------------------------------- */
	.contact_page_section {
		margin: 20px auto 20px auto;
		width: 90%;
	}
	
	.contact_form_element_container {
		width: 45%;
		display: inline-block;
		padding: 10px 10px 0px 5px;
	}
	
	.contact_number_info {
		display: block;
		margin-bottom: 40px;
	}
	
	.contact_form_container {
		display: block;
		float: none;
	}
	
	.contact_form_element_container {
		width: 94%;
		padding: 10px 10px 0px 5px;
	}

	.contact_inner_div {
		width: 100%;
		display: inline-block;
	}
	
	.contact_section_text {		
		font-size: 30px;
		font-weight: 400;
	}
	
	.contact_email_text {
		font-size: 14px !important;
	}
	
	.contact_email_indicator {
		width: 15%;		
	}
	
	.contact_email_response {
		width: 85%;
	}	
	
	.contact_phone_text {
		font-size: 14px;
	}
	
	.contact_location_info {
		margin-top: 40px;	
	}
	/* ------------------------------------------------------------------------------ */
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
	/* Contact Page ----------------------------------------------------------------- */
	.contact_page_section {
		margin: 20px auto 20px auto;
		width: 90%;
	}
	
	.contact_form_element_container {
		width: 45%;
		display: inline-block;
		padding: 10px 10px 0px 5px;
	}
	
	.contact_number_info {
		display: block;
		margin-bottom: 40px;
	}
	
	.contact_form_container {
		display: block;
		float: none;
	}
	
	.contact_form_element_container {
		width: 94%;
		/*display: inline-block;*/
		padding: 10px 10px 0px 5px;
	}

	.contact_inner_div {
		width: 100%;
		display: inline-block;
	}
	
	.contact_section_text {		
		font-size: 30px;
		font-weight: 400;
	}
	
	.contact_email_text {
		font-size: 14px !important;
	}
	
	.contact_email_indicator {
		width: 15%;		
	}
	
	.contact_email_response {
		width: 85%;
	}
	
	.contact_phone_text {
		font-size: 14px;
	}
	
	.contact_location_info {
		margin-top: 40px;	
	}
	/* ------------------------------------------------------------------------------ */
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {	
	.contact_section_text {
		margin-left: 0px;
	}
	
	.contact_page_section {
		width: 95vw;
    }
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.contact_page_section {
    	width: 80vw;
	}
}