.speaker-wrapper *{transition:.2s all ease-in-out}.speaker-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(33%,1fr))}.speaker-box{cursor:pointer;max-height:500px}.speaker-box img{width:100%;height:100%;object-fit:cover}.speaker-box:hover .speaker-box-name{left:25px;border-radius:5px}.speaker-box-name{position:relative;top:-120px;left:0px;background:white;width:auto;display:inline-block;padding:10px 20px;border-radius:0px}.speakermodal.closed{display:none;opacity:0}.speakermodal{display:block;opacity:1;width:100%;min-height:calc(100vh - 180px);background:rgb(255,255,255,0.98);display:flex;align-items:center;justify-content:center;position:fixed;top:180px;left:0px;z-index:5}.modal-wrapper{position:relative;z-index:10;padding:25px;max-width:75%;max-height:calc(100vh - 180px);overflow:auto}.modal-overlay{display:block;opacity:1;width:100%;min-height:100vh;position:fixed;top:0px;left:0px;z-index:6;cursor:pointer}.modal-overlay:after{content:"X Close";position:fixed;top:200px;left:10px;font-size:20px}.modal-content{display:flex;padding:10px 0px}.modal-content .speaker-modal-headshot{width:25%;min-height:100%;object-fit:cover;margin-right:50px}@media(max-width:600px){.speaker-wrapper{grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}}@media(max-width:300px){.speaker-wrapper{width:100%}}