.contact_banner {
	position: absolute;
	top: 150px;
	left: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
}

.contact_form_element_container {
	padding-top: 5px;
	padding-bottom: 5px;
}

.contact_form_indicator {
	margin-top: 10px;
	display: none;
}

.contact_form_response {
	margin-top: 10px;
	display: none;
}

/* -- Start Mobile Styles ------------------------------------------------------------ */

/*portrait*/
@media screen and (max-width: 480px) and (orientation: portrait) { 
	.background-wrap {
   	    top: -100px !important;
    	left: -626px !important;	
	}
	
	.contact_banner {
		width: 80vw;
		left: 50%;
	}
	
	.contact_banner {		
	    width: 70vw;
	    left: 50px;
	    -webkit-transform: initial;
	    transform: initial;
	}
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
	
	.content {
		height: 800px !important;
	}
	
	.background-wrap {
    	top: -293px !important;
    	left: -626px !important;	
	}
	
	.contact_banner {
		width: 50vw;
		left: 50%;
	}
	
	.contact_banner {		
	    width: 70vw;
	    left: 50px;
	    -webkit-transform: initial;
	    transform: initial;
	}
}

/* -- Tablets (Android) ------------------------- */

/*Portrait*/
@media (min-width: 768px) and (max-width: 1024px) {	
	.contact_banner {
		width: 70vw;
    	margin: 0px auto;
    	padding-top: 150px;
    	
    	position: relative;
    	top: inherit;
    	left: inherit;
    	-webkit-transform: none;
    	transform: none;
    	
	}
}

/*Landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/* -- End Mobile Styles -------------------------------------------------------------- */


