/* Sign Up (sign-up.html) ------------------------------------------------------- */
.signup_main {
	position: absolute;
    top: 200px;
}

.signup_banner {
	background: rgba(255,255,255,0.3);
    width: 475px;
    padding: 20px;
    margin-left: 200px;
    border-radius: 20px 20px 20px 20px;
}

.signup_banner h1 {
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 9px;
	text-align: left !important;
}

.signup_header {	
	font-size: 58px;
	color: #fff;
}

.signup_form_container {
	display: inline-block;
	width: 420px;
	margin-top: 20px;
}

.signup_form_text {
	color: #000000;
}

.signup_form_button_container {
	display: inline-block;
	min-width: 420px; /*165px;*/
	max-width: 420px; /*200px;*/
	margin-top: 10px;	
	margin-bottom: 25px;
}

.signup_form_input {
	width: 97%;
	height: 40px !important;
	font-size: 18px !important;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
	background: transparent;
}

.signup_email_indicator {
	display: none;	
}

.signup_form_response {
	display: none;
}

/*.signup_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}*/
/* ------------------------------------------------------------------------------------ */


input.signup_form_input::-webkit-input-placeholder {
   color: #fff;
}

input.signup_form_input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

input.signup_form_input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

input.signup_form_input:-ms-input-placeholder {  
   color: #fff;  
}

/*portrait*/
@media screen and (max-width: 480px) and (max-aspect-ratio: 13/9) { 

	.background-wrap {
    	top: -293px !important;
    	left: -626px !important;	
	}
	
	.signup_main {
		background-position: 0px 0px;
		margin-top: 0px;
		top: 150px;
    	left: 20px;
	}
	
	.signup_banner {
	    width: 280px;
	    margin-left: 0px;
	}

	.signup_form_container {
		width: 280px;
	}
	
	.signup_form_button_container {
		min-width: 280px;
		max-width: 280px;
	}
}

/*landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) { 
	.background-wrap {
    	top: -293px !important;
    	left: -626px !important;	
	}
	
	.content {
	    height: 800px !important;
	}

	.signup_main {
		background-position: -20px 0px;
		margin-top: 0px;
		top: 150px;
    	left: 20px;
	}
	
	.signup_banner {
	    width: 380px;
	    margin-left: 0px;
	}
	
	.signup_form_container {
		width: 340px;
	}
	
	.signup_form_button_container {
		min-width: 340px;
		max-width: 340px;
	}
}