* {
  box-sizing:border-box;
}
body {
  padding:0px;
  margin:0px;
  font-family: arial;
	background: url(http://qmeta.io/bin/img/background.png) no-repeat center center fixed;
  background-attachment: fixed;
  background-size: cover;
}
a{
	color:#ffab0d;
}
.container {
	margin: auto;
  margin-top: 100px;
  width: 500px;
  text-align: center;
  border-radius: 4px;
  padding-top: 1px;
  background: #191c24;
}
.login-form .custom-input {
  width:90%;
  padding:10px;
  margin-left:5%;
  margin-right:5%;
  margin-top:5%;
  background:#f1f1f1;
  border:1px solid #d6d6d6;
}
.btn {
  width: 90%;
  padding: 15px;
  background-color: #00b2ff;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  margin: 5%;
  border: none;
  color: #ffffff;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: inset 3px 4px 5px #ffffff6b, 2px 2px 3px #00000087;
}
.btn:hover{
  box-shadow:1px 1px 7px #124b65;
}
.divider {
  color:#EEE;
  padding:10px;
  font-size:1.5em;
  font-weight: bold;
}
.info {
	color: #fff;
  padding: 5%;
  border-radius: 0px 0px 4px 4px;
  background-image: linear-gradient(to left, #d41459, #911a6c);
}

.logo {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  background: #191c24;
  padding: 10px;
  height:65px;
}
.logo img {
  width:150px;
}

@media screen and (max-width: 800px){
  .container {
    width:100%;
    margin:65px 0px 0px 0px !important;
    box-shadow:none;
    border-radius: 0px;
  }
  body {
    font-size:1.5em;
  }
  input {
    font-size:1.5em;
  }
}