body {
  height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: row;
} /*18A443*/

.test {
  flex: 0.5; /* Make the divs take up equal space */
  padding: 10px;
  padding-top: 15%;

  /*align-self: center;*/
}
.text-capitalize {
  margin-right: 40px;
}
#right-login {
  background: #722381;
}
.test.text-center,
.text-capitalize {
  text-align: right;
}
.login,
.alert-info {
  max-width: 350px;
}

@media (max-width: 768px) {
  body {
    flex-direction: column;
  }
  .test {
    padding-top: 5%;
    flex: 0.15;
   
  }
  #right-login {
    flex: 0.85;
  }
  .test.text-center,
  .text-capitalize {
    text-align: center;
  }
  .login, .alert-info{
    margin-left: calc(50% - 175px);
}
}

.error{
  color: #a94442;
}