section.key-infos {
  width: 100%;
}

section.key-infos ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

section.key-infos p {
  display: inline;
}

section.key-infos .key-infos__key {
  color: var(--color-event);
}

section.key-infos .key-infos__key:not(:last-child) {
  margin-right: 3rem;
}

@media screen and (max-width: 800px) {
  section.key-infos ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 0.3rem;
  }

  section.key-infos li:nth-child(even) {
    justify-self: flex-end;
  }

  section.key-infos .key-infos__key:not(:last-child) {
    margin-right: 0.2rem;
  }
}