#bio-main-content {
  height: auto;
  width: 65%;
  float: left;
  color: black;
  font-size: .9em;
  text-align: left;
  background: url('../images/logo-background.jpg') no-repeat; 
  padding-bottom: 50px;
  margin-bottom: 40px;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}

.bio-main-flex {
  flex: 1;
  margin-bottom: 0px;
}

#bio-header {
  font-size: 1.5em;
  color: #614fd7;
  margin-bottom: 10px;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}

.title-sep {
  margin-bottom: 25px;
}

.box img {
    width: 25%;
    height: auto;
/**    float: right;   **/
}

.bio-image img {
    object-fit: cover;
    margin-left: 5%;
}




/********** Small devices only **********/
@media (max-width: 991px) {

.box img {
    width: 30%;
}
}

/********** Small devices only **********/
@media (max-width: 784px) {

#bio-main-content {
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.box img {
    min-width: 240px;
}

.bio-image {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 40px;
  min-width: 280px;
}
}