#speakers{width:100%;max-width:1500px;margin:0 auto;padding:100px 0;background:#be59bc;background:linear-gradient(122.75deg,#543477 22.11%,#8658a4 104.4%)}#speakers .grid{width:100%;display:flex;flex-direction:column}#speakers .grid>h4,#speakers .grid>h2,#speakers .grid>h3{color:var(--white)}#speakers .grid>h4{text-transform:uppercase;margin:0 0 20px 0}#speakers .grid>h2{margin:0 0 50px 0}#speakers .grid>h3{margin:0 0 20px 0;font-family:"Avenir Next Regular"}#speakers .grid .card-lockup{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:0 0 100px 0}#speakers .grid .hor-card{width:100%;display:flex;flex-direction:row}#speakers .grid .hor-card>*{width:50%}#speakers .grid .hor-card .headshot{background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:50%}#speakers .grid .keynote .card-container{display:flex;width:33%;min-width:185px;justify-content:center;padding:50px 50px 0 0}#speakers .grid .keynote .card-container>.vert-card{width:100%;display:flex;flex-direction:column}#speakers .grid .speaker .card-container{display:flex;width:20%;min-width:185px;justify-content:center;padding:25px 25px 0 0}#speakers .grid .speaker .card-container>.vert-card{width:100%;display:flex;flex-direction:column}#speakers .grid .vert-card .headshot{background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:100%;border-radius:100%}#speakers .grid .card-info{color:var(--white);padding:30px 0;display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;font-family:"Avneir Next Regular"}#speakers .grid .card-info>h2{font-size:38px;line-height:50px;margin:0}#speakers .grid .card-info>h3{margin:5px 0}#speakers .grid .card-info>p.p2{margin:5px 0}#speakers .grid .card-info>h2,#speakers .grid .card-info>h3,#speakers .grid .card-info>p{font-family:"Avenir Next Medium";text-align:center}#speakers .grid .card-info .add-info{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px 0 0 0}#speakers .grid .card-info .add-info>*{margin:0 10px}#speakers .grid .card-info .add-info .bio-link{text-decoration:underline;margin:0 10px;cursor:pointer}#speakers .grid .card-info .add-info .li-link,#speakers .grid .card-info .add-info .sit-link{width:20px}#speakers .grid .card-info .add-info .tw-link{width:23px}#speakers .grid .card-info .add-info .fb-link{width:23px}.bio-pop{width:100%;height:100vh;position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;background-color:rgba(32,50,61,0.8);z-index:1000}.bio-pop .bio-info{width:90vh;max-width:650px;position:relative;display:none;flex-direction:column;align-items:center;background-color:var(--white);border-radius:10px}.bio-pop .bio-info .meta-info{padding:30px;display:flex;align-items:center;flex-direction:column}.bio-pop .bio-info .meta-info h2{color:var(--black)}.bio-pop .bio-info .meta-info .bio-head{width:120px;height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:100%}.bio-pop .bio-info .meta-info .bio-text{overflow-y:scroll;max-height:400px;color:var(--black);line-height:1.35}.bio-pop .bio-info .meta-info .bio-text>*{padding:0 15px 0 0}.bio-pop .bio-info h2.close{position:absolute;padding:0;right:0;top:-110px;font-weight:bold;cursor:pointer;font-size:38px;color:var(--white)}@media screen and (max-width:1000px){#speakers .grid .keynote .card-container{width:50%}#speakers .grid .speaker .card-container{width:25%}}@media screen and (max-width:815px){#speakers .grid .speaker .card-container{width:33%}.bio-pop .bio-info{max-width:450px}}@media screen and (max-width:650px){#speakers .grid .keynote .card-container{width:100%;max-width:450px}#speakers .grid .speaker .card-container{width:50%}.bio-pop .bio-info h2.close{right:20px;top:-80px;font-size:32px}.bio-pop .bio-info{max-width:400px}.bio-pop .bio-info .meta-info .bio-text{max-height:330px}}@media screen and (max-width:500px){#speakers .grid .speaker .card-container{width:50%;min-width:100px}#speakers .grid .speaker .card-container>.vert-card{align-items:center}#speakers .grid .speaker .card-container:nth-child(odd){padding:25px 15px 0 0}#speakers .grid .speaker .card-container:nth-child(even){padding:25px 0 0 15px}#speakers .grid .speaker .vert-card .headshot{padding-top:0;width:140px;height:140px}#speakers .grid .speaker .card-info>h3{font-size:20px}#speakers .grid .speaker .card-info>p.p2{font-size:14px}}