body {
  padding-top: 33px;
}
.login {
  margin-top: 1em;
  border: 0px solid #f00;
  width: 40%;
  margin-bottom: 0em;
}
.login .header {
  margin-bottom: 1.0em;
}
.login .header .logo {
  text-align: center;
  margin-bottom: 2.0em;
}
.login .header .intro {}
.login .header .intro .main {
  font-size: 23px;
  font-family: montserrat, sans-serif;
  color: #595959;
  font-weight: bold;
}
.login .header .intro .sub {
  font-size: 14px;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  color: #7F7F7F;
}

.login .body {}
.login .body .text-input {
  background-color: #fff;
  border: 2px solid #c8c8c8;
  border-radius: 3px;
  height: 40px;
  /*padding: 1.2em .5em 1.2em .5em;*/
  font-family: montserrat, sans-serif;
}
.login .body .text-input:focus {
  border-color: #08a3ec;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.login .body .dropdown-input {
  font-family: montserrat, sans-serif;
}
.login .body label {
  font-family: montserrat, sans-serif;
  color: #595959;
  text-transform: uppercase;
  font-size: 12px;
}

.paysail-button {
  margin-top: 1.5em;
  margin-bottom: 2em;
  border-radius: 3px;
}


.login .help,
.login .copyright {
  margin-bottom: 3em;
  text-align: center;
}
.login .help .lead,
.login .copyright .lead {
  font-size: 14px;
}

.login .footer-logo {
  text-align: center;
  margin-bottom: 1em;
}



@media (max-width: 1199px) {
  .login {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .login {
    width: 68%;
  }
}
@media (max-width: 850px) {
  .login {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .login {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .login {
    width: 80%;
  }
}
@media (max-width: 500px) {
  .login {
    width: 90%;
  }
}
@media (max-width: 450px) {
  .login {
    width: 90%;
  }
}
@media (max-width: 320px) {
  .login {
    width: 95%;
  }
}