.logo {
  margin: 30px;
}
.logoText { color:#777777; font-size:20px;}
.error h3 { color: red; font-size: 14px; margin-bottom: 5%;}
.right {
  background-color: white;
}
.panel h2{ color:#444444; font-size:18px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.main-div {
  border-radius: 2px;
  margin: 50px 30px 30px 30px;
  max-width: 100%;
}
.btn.btn-info {
  background: rgb(0,68,128) none repeat scroll 0 0;
}
.footer {
  bottom: 0;
  margin-bottom: 20px;
  position: fixed;
}
a {
  font-size:14px;
}
body {
  background: url('../img/back.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.login-container{
  position: absolute;
  right:0px;
  width: 25%;
  min-height:100vh;
  background: #fffffff2;
}

@media only screen and (max-width: 1680px) {
  .login-container{
    width: 30%;
  }
}

@media only screen and (max-width: 850px) {
  .login-container{
    width: 100%;
  }
}