header.app-brand{
  padding: 0;
}

header.app-brand .app-brand__name {
/ / max-width: 300 px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

header.app-brand .app-brand__name a{
  display: block;
  width: 75%;
}

header.app-brand h1 img {
  max-height: 100%;
  max-width: 100%;
}

.navbar-brand {
  height: 100%;
  padding: 0px;
}

.login-form form .Actions input{
  background: #2a99ea;
  color: #fff;
}

.login-form__title {
  margin-top: 5px;
  font-size: 2rem;
}

.login-form__content, .login-form__message, .message {
  max-width: inherit !important;
}

.login-form input.text,
.login-form input.text:focus {
  width: 100%;
}

.security-form-content {
  margin-bottom: 20px;
}

ul.reg-features {
  display: flex;
  align-items: center;
  align-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
}

.reg-features li {
  flex: 1 1 auto;
  font-size: 10px;
}

.reg-features li:last-child {
  text-align: right;
}

select {
  background-color: var(--color-field-background);
  background-image: none;
  border: 1px solid #ced5e1;
  border: 1px solid var(--color-field-border);
  border-radius: 3px;
  border-radius: var(--border-radius-field);
  color: #303b4d;
  color: var(--color-field-text);
  padding: 8px;
  padding: var(--spacing-field-content);
  width: 100%;
  width: var(--sizing-content-width);
}

body.is-logged-in-already header.app-brand .app-brand__name,
body.is-logged-in-already .login-form {
  /*/width: 510px !important;*/
}

body.is-logged-in-already .form-actions input {
  font-size: 11px;
  width: 100%;
  padding: 5px 0 !important;
  margin-bottom: 0;
}

/*mobile first development*/
@media only screen and (min-width: 500px) {

  header.app-brand .app-brand__name,
  .login-form {
    width: 450px;
  }

  .reg-features {

  }

  .reg-features li {
    font-size: 12px;
  }

  body.is-logged-in-already .form-actions input {
    font-size: inherit;
    width: auto;
    padding: 5px 15px !important;
    margin-bottom: 0;
  }

  body.is-logged-in-already header.app-brand .app-brand__name,
  body.is-logged-in-already .login-form {
    width: 540px !important;
  }

}

.message {
  padding: 5px 15px;
  border: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin: 2px 0 10px;
}

.message.validation {
  color: #a94442;
}

.message.required,
.message.error,
.message.danger,
.message.bad {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.message.good {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.message.warning,
.message.info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}