.login-container input:not([type="submit"]){
    font-size:14px;
    padding: 4px;
    width:200px;
}


.login-row span {
  font-size:13px;
}

.login-container .row {
  align-items: center;
  margin-top:5px;
}

.login-container input[type="submit"]{
  width:200px;
  padding: 5px;
  font-size:14px;
  transition: 0.3s ease-out;
  color: white;
}
input[type="submit"]:hover,
button:hover,
button:focus {
  background-color: #000;
  border-color: #fff;
}


@media only screen and (max-width:768px) {
  .login-row {
    flex-wrap: wrap-reverse
  }
}

@media only screen and (max-width:400px) {

  .login-container input:not([type="submit"]){

    width:100%;
  }
  .login-container input[type="submit"]{

    width:100%;

  }
}