.bio-block {
  display: flex;
  padding-bottom: 5px;
}

.bio-date {
  width: 165px;
  text-align: right;
  font-weight: bold;
}

.bio-blank {
  width: 165px;
}

.bio-ln {
  width: 25px;
  text-align: center;
  font-weight: bold;
}

.bio-text {
  text-align: justify;
  width: 550px;
}

.bio-hr {
  margin: 10px 60px;
}

@media screen and (max-width: 992px) {
  .bio-text {
    width: 350px;
  }
}

@media screen and (max-width: 590px) {
  .bio-block {
    display: block;
    width: 100%;
    text-align: left;
  }

  .bio-date {
    width: 100%;
    text-align: left;
    padding: 20px 0px 10px 40px;
  }
  .bio-text {
    margin: auto;
    width: 80%;
    text-align: left;
  }
  .bio-ln {
    width: 100%;
    height: 0px;
    opacity: 0;
  }
}