.grid-x.login, .grid-x.signup {
  height: 100vh;
}

.grid-x.login h1, .grid-x.signup h1 {
  font-size: 28px;
}

.grid-x.login .content, .grid-x.signup .content {
  padding: 50px 25px;
  height: 100%;
}

.grid-x.login .content .am-login-form, .grid-x.signup .content .am-login-form {
  margin-top: 75px;
}

.grid-x.login .content .am-login-form legend, .grid-x.signup .content .am-login-form legend {
  font-size: 31px;
  font-weight: 400 !important;
}

.grid-x.login .content .am-form-login-switch-wrapper, .grid-x.login .content .am-signup-link, .grid-x.login .content .am-login-text, .grid-x.signup .content .am-form-login-switch-wrapper, .grid-x.signup .content .am-signup-link, .grid-x.signup .content .am-login-text {
  display: block;
  margin-top: 15px;
  font-size: 12px;
}

.grid-x.login .content .comment, .grid-x.signup .content .comment {
  font-size: 12px;
  text-transform: capitalize;
}

.grid-x.login .content [type='text']:focus, .grid-x.login .content [type='password']:focus, .grid-x.signup .content [type='text']:focus, .grid-x.signup .content [type='password']:focus {
  outline: none;
  border: none;
  background-color: #e5e7eb;
  box-shadow: none;
  color: #374151;
}

.grid-x.login .content input[type=text], .grid-x.login .content input[type=password], .grid-x.signup .content input[type=text], .grid-x.signup .content input[type=password] {
  background-color: #e5e7eb;
  border: none;
  color: #6B7280;
}

.grid-x.login .content input[type=submit], .grid-x.signup .content input[type=submit] {
  background-color: #767676;
  color: #F2F2F2;
  padding: 12px 14px;
  cursor: pointer;
  border: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.grid-x.login .content input[type=submit]:hover, .grid-x.signup .content input[type=submit]:hover {
  background-color: #00446D;
}

.grid-x.login .content ul.am-errors, .grid-x.signup .content ul.am-errors {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Errors: */
.grid-x.login .content ul.am-errors li, .grid-x.signup .content ul.am-errors li {
  color: #D80E1F; 
}

span.am-error {
  display: block;
  color: #D80E1F; 
}
span.am-error br {
  display: inherit;
}

.grid-x.login .background-dark-blue, .grid-x.signup .background-dark-blue {
  background-image: url("/deluxe/application/default/themes/sightreading/images/login-sax.jpg");
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}

.grid-x.signup .grid-x .am-signup br, .grid-x.signup .grid-x .am-signup .required {
  display: none;
}