.about-vertical {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}

.about-vertical hr {
  border:     0;
  border-top: 1px solid #d6b15c;
  height:     2px;
  width:      4rem;
  margin:     0.1em 0;
}

.about-vertical img {
  display: block;
  width: 80%;
  opacity: 0.85;
  border-width: 1px;
  border-style: solid;
  border-color: #d6b15c;
  margin: 36px auto;
}

.about-horizontal {
  display: none;
  flex-direction: column;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}

.about-horizontal .about-top {
  display: flex;
  flex-direction: row;
}

.about-horizontal .about-top-left {
  width: 50%;
}

.about-horizontal .about-top-right {
  width: 50%;
}

.about-horizontal .about-top-left {
  margin-right: 3rem;
}

.about-horizontal .about-top-right {
  margin-left: 3rem;
}

.about-horizontal img {
  display: block;
  width: 80%;
  opacity: 0.85;
  border-width: 1px;
  border-style: solid;
  border-color: #d6b15c;
  margin: 36px auto;
}
.about-horizontal hr {
  border:     0;
  border-top: 1px solid #d6b15c;
  height:     2px;
  width:      4rem;
  margin:     0.1em 0;
}

.about-bottom {
  width: 70%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 820px) {
  .about-vertical {
    display: none;
  }

  .about-horizontal {
    display: flex;
  }
}