.pg_title {
	text-align: center;
	font-size: 21px;
	margin-bottom: 15px;
	line-height: 21px;
}

.pg_istr {
	text-align: center;
	font-size: 16px;
	margin: 10px auto 15px;
}


#login_cont, #logout_cont {
	width: 100%;
	text-align: center;
}
	
	.email_cont, .pass_cont {
		width: 300px;
		max-width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.email_cont, .pass_cont { width: 460px; margin-bottom: 20px; }
	}
	@media screen and (min-width : 768px) and (max-width : 1009px) {
		.email_cont, .pass_cont { width: 624px; margin-bottom: 30px; }
	}
	@media screen and (min-width : 1010px) and (max-width : 1259px) {
		.email_cont, .pass_cont { width: 624px; margin-bottom: 30px; }
	}
	@media screen and (min-width : 1260px) {
		.email_cont, .pass_cont { width: 624px; margin-bottom: 30px; }
	}
	
		#email, #pass {
			width: 300px;
			max-width: 100%;
			padding: 10px;
			font-weight: 300;
			font-size: 14px;
			border-style: none;
			background: #e2e2e2;
			border-radius: 4px;
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			#email, #pass { width: 460px; }
		}
		@media screen and (min-width : 768px) and (max-width : 1009px) {
			#email, #pass { width: 624px; }
		}
		@media screen and (min-width : 1010px) and (max-width : 1259px) {
			#email, #pass { width: 624px; }
		}
		@media screen and (min-width : 1260px) {
			#email, #pass { width: 624px; }
		}
		
	#login_btt {
		display: inline-block;
		width: 120px;
	}
	
	#forgot_btt {
		width: 200px;
		margin: auto;
		margin-top: 20px;
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#forgot_btt { }
	}
	@media screen and (min-width : 768px) and (max-width : 1009px) {
		#forgot_btt { margin-top: 30px; }
	}
	@media screen and (min-width : 1010px) and (max-width : 1259px) {
		#forgot_btt { margin-top: 30px; }
	}
	@media screen and (min-width : 1260px) {
		#forgot_btt { margin-top: 30px; }
	}
	
	.pass_istr {
		display: block;
		margin-left: 0;
		margin-top: 15px;
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.pass_istr { display: inline-block; margin-left: 10px; margin-top: 0; }
	}
	@media screen and (min-width : 768px) and (max-width : 1009px) {
		.pass_istr { display: inline-block; margin-left: 10px; margin-top: 0; }
	}
	@media screen and (min-width : 1010px) and (max-width : 1259px) {
		.pass_istr { display: inline-block; margin-left: 10px; margin-top: 0; }
	}
	@media screen and (min-width : 1260px) {
		.pass_istr { display: inline-block; margin-left: 10px; margin-top: 0; }
	}
	
	.pass_istr a {
		color: #393939;
		text-decoration: none;
	}
	
	.pass_istr a:hover {
		text-decoration: underline;
	}