.bio-container{
    position: fixed;
    /*background-color: #02206D;*/
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    width: 55.8%;
    padding-bottom: 0px;
    margin:0 auto;
    top: 22%;
}
.bio-close {
    float: right;
    background-color: red;
    padding: 2px 10px;
    margin-right: -15px;
}
.bio-img {
    width: 100%;
    margin-top: 5px !important;

}
.bio-content{
    text-align: left;
    color: #ffffff;
    margin-top: 25px;

}
.bio-content h4, .bio-content h3 {
    text-transform: unset !important;
}
.bio-content h4 {
    font-style: italic;
}
.blurb {
    height: auto !important;
    font-size: 14px;
    overflow-y: auto;
    padding-right: 22px;
}
.blurb .a{
    color: #ffffff;
}
.bio-close:hover{
    cursor: pointer;
}
.bio-content .fa{
    color: white;
    padding-right:5px;
}
/*.hideoverflow{
    overflow-y: hidden !important;
}*/