.about-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12pt
}

dl::before {
  position: absolute;
  top: -6pt;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 6pt;
  border-left: 1pt solid var(--color-bright);
  border-right: 1pt solid var(--color-bright);
  /* background-color: var(--color-bright); */
}

dl::after {
  position: absolute;
  bottom: -6pt;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 6pt;
  border-left: 1pt solid var(--color-bright);
  border-right: 1pt solid var(--color-bright);
}

dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12pt;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin-bottom: 24pt;
  /* border-bottom: 1pt var(--color-bright) solid;
  border-top: 1pt var(--color-bright) solid; */
  height: auto;
  position: relative;
}

dt,
dd {
  position: relative;
  line-height: 1.35;
  letter-spacing: 0.25px;
}

dd>p:before {
  position: absolute;
  left: 0;
}

dd {
  padding-left: 12pt;
  margin-bottom: 12pt;
  padding-bottom: 12pt;
}

h1 {
  border-bottom: 1pt solid var(--color-bright);
  margin-bottom: 6pt;
  padding-bottom: 3pt;
  position: relative;
  font-size: 24pt !important;
}

h1 {
  position: relative;
}

h1 .label {
  position: absolute;
  /* bottom: 4pt; */
  right: 0;
}

@media (max-width: 779px) {
  .about-wrapper {
    display: block;
  }

  dl {
    display: block;
  }
}