:root{
    --accent-color: #2ACBDD;
}
html {
  scroll-behavior: smooth;
}
#bio_ep{background: #2ACBDD; color: #fff; text-align: center; padding: 40px; max-width: 30%; width:auto!important; height:auto!important;}
#bio_ep .wrap {border: 1px solid #fff; padding: 40px;}
#bio_ep h2{font-size: 2.5rem;}
#bio_ep_close{top: 0; background: #000;}
#bio_ep .btn{background: #000;} 
#bio_ep p {font-size: 24px;}
.special{font-size: 18px; line-height: normal;}
.special u{font-size: 24px;}
.fixed-cta {
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 text-align: center;
 display: none;
 z-index: 9999;
}
.fixed-cta a.btn {
 width: 50%;
 padding: 16px 10px 13px;
 background: #222;
 color: #fff;
 display: block;
 font-size: 16px;
 margin-top: 0;
 border-radius: 0;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight: 500;
 border: 0;
}
.fixed-cta a.btn+a.btn {
 background: var(--accent-color);
 color: #fff ;
}
.fixed-cta a.btn:hover {
 opacity: 1 !important; 
}

@media screen and (max-width: 767px) {
    #bio_ep, #bio_ep_bg{display: none!important;}
    .fixed-cta {display: flex;}
}