#account_cont {
	position: relative;
	top: 0px;
	left: 0px;
	width: 984px;
	height: auto;
	padding: 0 20px 20px 20px;
	text-align: center;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#account_cont { width: 300px; padding: 0 10px 10px 10px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#account_cont { width: 460px; padding: 0 10px 10px 10px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#account_cont { width: 728px; }
}

	.account_istr {
		font-size: 24px;
		line-height: 28px;
		padding-top: 40px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.account_istr { font-size: 20px; line-height: 24px; padding-top: 20px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.account_istr { font-size: 20px; line-height: 24px; padding-top: 20px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.account_istr { }
	}
	
	.email_cont, .pass_cont, .pass_conf_cont {
		position: relative;
		top: 0px;
		left: 292px;
		width: 350px;
		margin-top: 40px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.email_cont, .pass_cont, .pass_conf_cont { width: 250px; left: 0px; margin-top: 20px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.email_cont, .pass_cont, .pass_conf_cont { width: 430px; left: 0px; margin-top: 20px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.email_cont, .pass_cont, .pass_conf_cont { left: 164px; }
	}
	
		.fa-at, .fa-unlock-alt {
			position: absolute;
			top: 6px;
			left: 10px;
			font-size: 30px;
			color: #e84b2e;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.fa-at, .fa-unlock-alt { font-size: 20px; top: 10px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.fa-at, .fa-unlock-alt { font-size: 20px; top: 10px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.fa-at, .fa-unlock-alt { }
		}
	
		#email, #pw, #pw_conf {
			width: 100%;
			height: 40px;
			font-size: 24px;
			font-weight: 300;
			font-family: 'Roboto', sans-serif;
			border-style: none;
			border-bottom: 1px solid #dbdbdb;
			padding-left: 50px;
			border-radius: 0px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			#email, #pw, #pw_conf { padding-left: 40px; font-size: 20px; height: 30px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			#email, #pw, #pw_conf { padding-left: 40px; font-size: 20px; height: 30px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			#email, #pw, #pw_conf { }
		}
	
	.terms_cont {
		font-size: 14px;
		margin-top: 40px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.terms_cont { font-size: 12px; margin-top: 20px; line-height: 14px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.terms_cont { font-size: 12px; margin-top: 20px; line-height: 14px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.terms_cont { }
	}
		
	#reg_btt {
		position: relative;
		left: 412px;
		width: 160px;
		margin-top: 40px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		#reg_btt { left: 70px; margin-top: 20px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#reg_btt { left: 150px; margin-top: 20px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		#reg_btt { left: 284px; }
	}
	
#account_social_cont {
	position: relative;
	top: 0px;
	left: 20px;
	width: 944px;
	height: auto;
	padding: 20px;
	text-align: center;
	background: #dbdbdb;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#account_social_cont { width: 280px; padding: 10px; left: 10px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#account_social_cont { width: 440px; padding: 10px; left: 10px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#account_social_cont { width: 688px; }
}

	.account_social_istr {
		padding-bottom: 20px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.account_social_istr { padding-bottom: 10px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.account_social_istr { padding-bottom: 10px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.account_social_istr { }
	}
	
	#login_fb_btt {
		position: relative;
		left: 392px;
		background: #3e5d97;
		color: #FFFFFF;
		text-align: center;
		width: 124px;
		height: 36px;
		line-height: 36px;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
		padding-left: 36px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		#login_fb_btt { left: 60px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#login_fb_btt { left: 140px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		#login_fb_btt { left: 264px; }
	}
		
		.fb_btt_logo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 18px;
			height: 18px;
			padding: 9px;
			background: #ffffff;
		}
	
	#login_fb_btt:hover {
		-webkit-box-shadow: 0px 0px 8px 1px rgba(62,93,151,0.5);
		-moz-box-shadow: 0px 0px 8px 1px rgba(62,93,151,0.5);
		box-shadow: 0px 0px 8px 1px rgba(62,93,151,0.5);
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	#login_google_btt {
		position: relative;
		left: 392px;
		width: 160px;
		margin-top: 20px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		#login_google_btt { left: 60px; margin-top: 10px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#login_google_btt { left: 140px; margin-top: 10px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		#login_google_btt { left: 264px; }
	}
		
		.google_btt_bg {
			background: #d3413d;
		}
		
		.google_btt_logo {
			background: #ffffff;
		}
		
		.google_btt_label {
			color: #ffffff;
			font-weight: 300;
			font-size: 16px;
		}