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

#contact {
  background-color: var(--bg-color-1);
}
#contact > table {
  margin: 0 auto;
  width: 12em;
  background-color: var(--bg-color-4);
}
#contact > table td {
  padding: 0.5em;
  border: none;
  background-color: transparent;
  vertical-align: top;
  line-height: 1.5em;
}
#contact > table td:last-child {
  padding-left: 0;
}
#contact td br { 
  display: block;
}

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

@media (min-width: 30em) {
  #contact {
    display: flex;
    align-items: flex-start;
    gap: 1em;
  }
  #contact > div {
    order: 2;
  }
  #contact p:last-child {
    margin-bottom: 0;
  }
}