.bio {
    clear: right;
    margin-left: 7%;
    margin-right: 7%;
    padding-top:9vmax;
    margin-bottom: 4%;
    font-family: "Acumin Pro";
    font-weight:normal;
    color: black;
    position: relative;
  }
  .bioDescription {
    width: 40%;
    margin-right: 10%;
    float: left;
  }
  .bioPhoto {
    width: 50%;
    float: left;
    padding-bottom: 7%;
  }
  img {
    float: right;
  }
  @media only screen and (max-width: 800px) {
    /* For mobile phones: */
    .bio {
      margin-left: 5%;
      margin-right: 5%;
    }
    .bioDescription, .bioPhoto {
      width: 100%;
    }
  }