.employee-about{text-align:center;padding-bottom:25px;position:relative}.employee-about img{border:2px solid var(--buckeye-blue);border-radius:50%;box-shadow:6px 6px 8px 2px #cacaca}.employee-about p{margin-block:0}.employee-about .name{color:var(--buckeye-blue);margin-block-start:10px;font-size:1.25em;font-weight:700}.employee-about .title{width:200px;margin-block-start:5px}.employee-about .phone{font-size:.9em}.employee-about .phone a{text-decoration:none}.employee-about .email{padding-bottom:5px;font-size:.8em}.employee-about .email a{text-decoration:none}.employee-about .employee-contact-info{opacity:0;background-color:var(--white);border:2px solid var(--cardinal-red);border-radius:50%;align-content:center;width:200px;height:200px;transition:opacity .5s;display:grid;position:absolute;top:0%;overflow:hidden}.employee-about .employee-contact-info:hover{opacity:1;transition:opacity .5s}.employee-about .mobile-employee-contact-info{font-size:.8em}@media only screen and (max-width:380px){html .employee-about img,html .employee-about .employee-contact-info{width:125px;height:125px}html .employee-about .mobile-employee-contact-info{display:block}html .employee-about .employee-contact-info{display:none}}@media only screen and (min-width:380px){html .employee-about img,html .employee-about .employee-contact-info{width:125px;height:125px}html .employee-about .title{width:125px}html .employee-about .mobile-employee-contact-info{display:block}html .employee-about .employee-contact-info{display:none}}@media only screen and (min-width:600px){html .employee-about img,html .employee-about .employee-contact-info{width:200px;height:200px}html .employee-about .title{width:200px}html .employee-about .employee-contact-info{display:grid}}@media only screen and (min-width:1000px){html .employee-about .mobile-employee-contact-info{display:none}}