/*html {background-color: #333; }*/
html {background-color: #222;}

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #222;
}

h2 { color:#fff; font-size:1.4em; text-align:center;}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
  color:#fff;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
}

label { color:#fff; font-weight:400;}

.logo{
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
	width: 250px;
	height: 200px;
	left: 50%;
	margin-left: -125px;
}

@media (max-width: 520px) {
  .logo{
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 150px;
	height: 125px;
	left: 50%;
	margin-left: -75px;
 }
}