/* CSS Document */
html, body {
	height:100%;
}
body {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom right;
	background-attachment:fixed;
}

.login-container {
	margin:0 auto;
	position:relative;
	top: calc(50% - 280px);
	width:400px;
	opacity:0.9;
}

.login-form {
	width:400px;
	margin:20px 0px;
	box-sizing:border-box;
	padding:30px 40px;
	background:white;
}

.login-copyright {
	color:white;
	text-align:center;
	font-size:16px;
}

.form-row input, .form-row textarea, .form-row select {
	height:50px;
	padding:5px 10px;
	margin:10px 0px;
	color:#787878;
	font-size:24px;
	background-color:#c7dce5;
	box-sizing:border-box;
	width:100%;
	border:none;
	outline:none;
}

.form-row button {
	height:50px;
	padding:10px 30px;
	font-size:20px;	
}

.ps-logo-text-white {
	width: 400px;
	height: 150px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 500px) {
	.login-container {
		width:80%;
	}
	.login-form {
		width:100%;
	}
	.ps-logo-text-white {
		width: 100%;
	}
}