footer > .project-credit {
  order: 5;
  flex: 0 0 100%;
  margin: 24px 0 0;
  padding: 27px 0 0;
  border-top: 1px solid #b3c5ad;
  color: #53684b;
  font: 400 12px/1.9 var(--display);
  letter-spacing: -.01em;
}

.project-credit strong {
  display: inline-block;
  margin-right: 3px;
  color: #20311b;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -.04em;
}

.project-credit > span {
  color: #304a27;
  font-weight: 500;
}

@media (max-width: 700px) {
  footer > .project-credit {
    margin-top: 15px;
    padding-top: 22px;
    max-width: 100%;
    font-size: 11px;
  }
  .project-credit strong {
    display: block;
    margin-bottom: 5px;
    font-size: 23px;
    line-height: 1.3;
  }
}