.app #invites {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.app #invites form .field {
  width: 100%;
}
.app #invites form .field textarea {
  width: 100%;
  font-size: 1em;
  box-sizing: border-box;
}
.app #invites .skip-link {
  font-size: 1.2em;
}

.app #plans .invites {
  background: #f5f5f522;
  margin-bottom: 20px;
  border-radius: 20px;
  padding: 20px;
  width: calc(1056px - 2em);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.app #plans .invites h2 {
  margin: 0;
  align-self: flex-start;
}
.app #plans .invites p {
  margin: 0;
  align-self: flex-start;
}
.app #plans .invites form {
  margin: 0;
}
.app #plans .invites form .actions input {
  margin: 0;
}
.app #plans .invites form .field {
  width: 100%;
  margin: 10px 0;
}
.app #plans .invites form .field input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}