.main-content form #emerg-chk-container,
.main-content form #emerg-perm-container {
  display: flex;
  align-items: center;
}

.main-content form #emerg-chk-container label,
.main-content form #emerg-perm-container label {
  flex: 0 1 auto;
  width: auto;
}

.main-content form #emerg-perm-container label {
  font-size: 0.9rem;
}

.main-content form #emerg-chk-container input[type="checkbox"],
.main-content form #emerg-perm-container input[type="checkbox"] {
  flex: 0 0 40px;
}

/* align emergency info inputs up with the rest of the parent form
 * once it is unhidden */
.main-content form #emerg-info-container {
  display: grid;
  width: 100%;
}

/* wider screens - line up checkboxes with other inputs */
@media screen and (min-width: 430px) {
  .main-content form #emerg-chk-container,
  .main-content form #emerg-perm-container {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }

  .main-content form #emerg-perm-container {
    grid-template-columns: 4fr 1fr;
  }

  .main-content form #emerg-chk-container input[type="checkbox"] {
    width: auto;
  }

  .main-content form #emerg-info-container {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }
}