div#loginpage {
	margin-top: 10%;
}

label.title {
	margin-top: 2%;
	color: #424242; 
}

img.logo {
	width: 20%;
}

.button {
  background-color: #5200A5;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 15px 2px;
  cursor: pointer;
  transition: .2s all;
}

.button:hover {
	background-color: #222222;
}

.home-button {
  background-color: #5200A5;
  border: none;
  color: white;
  padding: 10px 45px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 15px 2px;
  cursor: pointer;
  transition: .2s all;
}

.home-button:hover {
	background-color: #222222;
	color: white;
	text-decoration: none;
}

.create-back {
  background-color: #222222;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 15px 2px;
  cursor: pointer;
  transition: .2s all;
}

.create-back:hover {
  background-color: #5200A5;
  color: white;
  text-decoration: none;
}

button#login-btn {
  background-color: #652c8b;
  border: none;
}

a#forgotpwd {
  color: #1d5276;
}

div#homepage {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
	div#loginpage {
		margin-top: 10%;
	}

	label.title {
	margin-top: 3%;
	}

	img.logo {
		width: 30%;
	}

  div#homepage {
  margin-top: 0px;
  }
}