header {
	text-align: center;
}

h2 {
	text-align: center;
}

h2.heading {
	width: 50%;
	background-color: #acf;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

iframe {
	max-width: 90%;
}

#dob {
	margin-top: 10px;
}

#error, .error {
	margin: 10px;
	text-align: center;
	color: red;
}

.link {
	text-align: center;
	padding: 20px;
}

.module, .nolink_module {
	text-align: center;
}

.nolink_module img {
	width: 800px;
	max-width: 100%;
}


.module img {
	border: double grey 5px;
}

.module img:hover {
	border: double orange 5px;
}

header img {
	width: 150px;
}

.login-form {
  width: 300px;
  margin: 0 auto;
}

.login-form input[type='text'],
.login-form input[type='date'],
.login-form input[type='password'] {
  width: 95%;
  padding: 10px;
  margin: 5px 0;
}

.login-form input[type='submit'] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  margin: 10px 0;
  border: none;
  cursor: pointer;
  width: 95%;
}

@media only screen and (max-width: 600px) {
  .login-form {
    width: 95%;
  }
}