.sample-window {
width: 650px;
padding: 5px;
border: 2px solid #186db4;
background-color: #fff;
display: none;
}
.plainmodal-close {
cursor: pointer;
}
.sample-window .plainmodal-close {
display: inline-block;
padding: 1px 3px;
color: #fff;
background-color: #224388;
}
.sample-window .plainmodal-close:hover {
background-color: #1f99e2;
}
.sample-button {
width: 240px;
margin: 5px;
padding: 3px 0;
border-radius: 3px;
color: #fff;
background-color: #224388;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.sample-button:hover {
background-color: #1f99e2;
}
#demo {
width: 900px;
padding: 20px 40px;
color: #fff;
background-color: #122e52;
border-radius: 10px;
display: none;
font-family: Nunito , serif;

}


#demo .bio{
    font-size: 22px;
    max-height: 600px;
    overflow-y: auto;
 }

#demo:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#demo p {
font-size: 22px;
}
#demo .sample-head {
margin: 0 0 15px;
font-size: 36px;
font-weight: bold;
}
#demo img {
float: left;
margin-right: 10px;
box-shadow: none;
}

#demo .plainmodal-close {
position: absolute;
width: 45px;
height: 45px;
right: -15px;
top: -15px;
background: url('plainmodal-close.png') no-repeat;
}

#demo .plainmodal-close:hover {
background-position: -45px 0;
}