html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body > header.lead {
	font-size: 3rem;
}
a.brand:link,
a.brand:visited,
a.brand:hover,
a.brand:active {
	color: black;
  text-decoration: none;
}
.login {
	max-width: 30em; 
	margin-right: auto; 
	margin-left: auto;
}
.login form {
	width: 100%;
}
.login form .input-group {
  margin-bottom: 1ex;
}
.login .well {
  margin-bottom: 0;
}
.login .well + .well-footer {
  margin-top: .5ex;
}
body > footer {
	background-color: #f5f5f5;
  position: absolute;
	width: 100%;
  bottom: 0;
}
body > footer.container {
  padding: 1ex 2ex 0 2ex;
  width: 100%;
}