body {
  background-color: #c3222a !important;
  float: left;
  width: 100%;
  height: 100vh; }

.logo-name img {
  display: block;
  margin: 0px auto;
  padding-bottom: 20px; }

#envolve-login {
  width: 100%;
  height: 0px;
  position: absolute;
  float: left;
  z-index: 999; }

@media (max-width: 992px) {
  #envolve-login {
    padding-left: 15px;
    padding-right: 15px; } }

.loginscreen {
  width: 100%;
  max-width: 400px;
  margin: 200px auto 0px; }

@media (max-width: 1400px) {
  .loginscreen {
    margin: 120px auto 0px; } }

@media (max-width: 767px) {
  .loginscreen {
    margin: 100px auto 0px; } }

.loginscreen form {
  background-color: #fff;
  padding: 20px; }

.loginscreen form .form-group {
  margin-bottom: 5px; }

.loginscreen form .form-group .form-control {
  height: 45px; }

.loginscreen form .btn {
  background-color: #0d6ba3;
  border-color: #0d6ba3;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase; }

/*# sourceMappingURL=login.css.map */