.phone {
  white-space: nowrap;
}
.email-at img {
  border: none;
}

main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  container-type: inline-size;
  container-name: main;
}
#contact h2 {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #77c;
  letter-spacing: 0.03em;
  color: #000;
  font-size: 0.9em;
  font-weight: normal;
}
#contact p:first-child {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #77c;
}
#contact > table {
  margin-bottom: 1em;
  border: none;
  width: auto;
}
#contact > table td {
  padding: 0;
  border: none;
  background-color: transparent;
  vertical-align: top;
  line-height: 1.5em;
}
#contact > table td:last-child {
  padding-left: 0.5em;
}
#contact td br {
  display: block;
}

@media (max-width: 38em) {
  /* overwrite jkbb42.css */
  #contact > table td {
    display: table-cell;
  }
}

@container main (width >= 40em) {
  div#about {
    display: flex;
    justify-content: space-between;
    gap: 1em;
  }
  div#about > div {
    flex-basis: 0;
    flex-grow: 1;
  }
}