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

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

#family-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: 45%;
    height: auto;
/**    float: right;   **/
}

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

#staff-area {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  margin: 100px 0px 0px 0px;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

#staff-header {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 2em;
  color: #614fd7;
  margin: 0px 0px 20px 0px;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}


.staff-image-box {
  margin-left: auto;
  margin-right: auto;
} 

.staff-title-box {
  color: black;
  width: 280px;
  margin: 0px auto 0px auto;
  padding-top: 10px;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
} 

.staff-name {
  font-weight: bold;
}

.staff-title {
}
 

.staffwide-box {
  width: 50%;
  margin-top: 50px;
/**
border-style: solid;
border-color: blue;
border-width: 1px;
**/
float: left;
} 

.staffwide-title-box {
  color: black;
  width: 280px;
  margin: 0px auto 0px auto;
  padding-top: 10px;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
} 

.staffwide-name {
  font-weight: bold;
}

.staffwide-title {
}

#board-area {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  margin: 100px 0px 0px 0px;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

.board-box {
  width: 160px;
  margin-top: 20px;
  margin: 20px 14px 0px 14px;
  float: left;
} 


.board-header {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 2em;
  color: #614fd7;
  margin: 0px 0px 0px 0px;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}

.board-title-box {
  color: black;
  width: 160px;
  margin: 0px auto 0px auto;
  padding-top: 10px;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
} 

#testimonials-area {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  margin: 100px 0px 0px 0px;

border-style: solid;
border-color: red;
border-width: 1px;

}

.testimonials-image img {
  object-fit: cover;
  float: left;
}

.testimonials-content {
  width: 55%;
  height: 370px;
  text-align: center;
  float: right;
  margin: 0px 0px 0px 0px;
  background-color: #614fd7;
}







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

.board-box {
  margin: 20px 56px 0px 56px;
} 
.testimonials-content {
  height: 304px;
}
}

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

.board-box {
  margin: 20px 80px 0px 80px;

} 
.testimonials-content {
  height: 233px;
}
}


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

#about-main-content {
  height: auto;
  width: 100%;
}

.box img {
    width: 100%;
}

.staffwide-box {
  width: 100%;
}

.board-box {
  margin: 20px 80px 0px 80px;
} 

.testimonials-content {
  width: 100%;
}

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

.board-box {
  width: 75%;
} 
}


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

.board-box {
  width: 70%;
} 
}


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

.board-box {
  width: 60%;
} 
}


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

.board-box {
  width: 50%;
} 
}