html,body {
	height:100%;
	width:100%;
	margin:0;
}
body{
	color:#afafaf;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
h1{
	margin-bottom:15px;
}
form{
	margin-top:40px;
}
.block{
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
	max-width:480px;
	margin:auto;
}
.logo-cnt{
	margin-bottom:15px;
}
.btn{
	width:100%;
}
.message.error{
	margin-top:-15px;
}
.form-field .floating-label-active,
.form-field textarea:focus ~ .floating-label,
.form-field textarea:not(:focus):valid ~ .floating-label,
.form-field input:focus ~ .floating-label,
.form-field input:not(:focus):valid ~ .floating-label{
	color:#d1aa66;
}
.form-field textarea:focus,
.form-field select:focus,
.form-field input:not([type='checkbox']):not([type='submit']):focus{
	border-color:#d1aa66;
}
@media screen and (max-height: 600px) {
	.block{
		-webkit-box-shadow:none;
		        box-shadow:none; 
	}
}