.flex-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#logo img {
	width: 188px;
	height: auto;
	display: block;
}
form  {
	max-width: 500px;
	margin: 0 auto;
	padding: 40px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	font-family: inherit;
}

.content form p {
	margin-bottom: 12px;	
}

form input[type="text"] ,
form input[type="password"]{
	box-sizing: border-box;
	border: 1px solid #9d9d9d;
	background: #fff;
	width: 100%;
	padding:  5px;

	border-radius: 2px;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	color: #222;
	font-weight:inherit;
	min-width: 300px;
}
.content form p.button {
	margin-bottom: 0;
}


input::placeholder {

  opacity: 0.5;

}


p.err {
	color: #cc0000;	
	font-weight: 700;
}