.drupal-page-content {
  margin: 50px auto;
}

@media (min-width: 768px) {
  .drupal-page-content {
    max-width: 50%;
  }
}

.page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0.5em 0 1em 0;
}

.logo {
  max-width: 250px;
  margin: auto;
}

svg {
  max-width: 100%;
  max-height: 150px;
}

.tabs {
  display: flex;
}

.tabs > * {
  flex: 1 1 0;
}

.tabs a {
  color: #9b288c;
}

.tabs a:hover {
  color: #77216f;
}

.form-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

#edit-submit {
  outline: none;
  padding: 12px 32px;
  border-radius: 8px;

  background: #9b288c;
  border-color: #9b288c;
  color: white;
  margin: 50px 0 10% 0;
}

#edit-submit:focus {
  box-shadow: none !important;
  background: #77216f;
  border-color: #77216f;
}

.form-item {
  margin-top: 3em;
}

.form-select {
  max-width: 14em;
}