.event-speaker{padding:0 0 20px;position:relative}.event-speaker .bg-block{width:100%;height:326px;background-color:var(--clr-primary);position:absolute;z-index:1}.event-speaker .speaker-card{display:grid;grid-template-areas:"speaker-header1" "speaker-header2" "speaker-photo" "speaker-descr" "speaker-date" "speaker-buttons";gap:20px;padding-bottom:40px;position:relative;z-index:2}@media(min-width:768px){.event-speaker .speaker-card{padding-top:150px;grid-template-columns:35% 1fr;grid-template-areas:"speaker-photo speaker-header1" "speaker-photo speaker-header2" "speaker-photo speaker-descr" "speaker-date speaker-date" "speaker-buttons speaker-buttons"}}@media(min-width:992px){.event-speaker .speaker-card{padding-top:140px;grid-template-columns:minmax(40%,444px) 1fr;grid-template-areas:"speaker-photo speaker-header1" "speaker-photo speaker-header2" "speaker-photo speaker-descr" "speaker-photo speaker-date" "speaker-photo speaker-buttons"}}.event-speaker .speaker-card>h1{grid-area:speaker-header1;margin-top:35px;color:var(--clr-font-light);font-size:2rem;text-align:center}@media(min-width:768px){.event-speaker .speaker-card>h1{margin-top:15px;min-height:100px}}@media(min-width:992px){.event-speaker .speaker-card>h1{margin-top:45px;font-size:3rem;text-align:left}}.event-speaker .speaker-card>h3{grid-area:speaker-header2;color:var(--clr-font-light);margin-top:17px;font-size:1.55rem;text-align:center}@media(min-width:992px){.event-speaker .speaker-card>h3{color:var(--clr-primary);text-align:left}}.event-speaker .speaker-card__photo{grid-area:speaker-photo;justify-self:center;width:100%;max-width:444px;max-height:649px}.event-speaker .speaker-card__photo img{width:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media(min-width:992px){.event-speaker .speaker-card__photo img{height:100%}}.event-speaker .speaker-card__description{grid-area:speaker-descr;font-size:1.15rem}.event-speaker .speaker-card__date-place{grid-area:speaker-date;font-weight:700;text-align:center}.event-speaker .speaker-card__date-place>div{display:flex;justify-content:center;align-items:center;gap:20px}@media(min-width:992px){.event-speaker .speaker-card__date-place{text-align:left}.event-speaker .speaker-card__date-place>div{justify-content:flex-start}}.event-speaker .speaker-card__buttons{grid-area:speaker-buttons;display:grid;justify-content:center;gap:15px}@media(min-width:992px){.event-speaker .speaker-card__buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}}.event-speaker .speaker-card__buttons>*{display:block}.event-speaker .speaker-card__buttons a.share{display:flex;align-items:center;gap:10px;color:var(--clr-input-placeholder);font-size:1.2rem;font-style:italic}.event-speaker .speaker-info{display:flex;gap:40px;padding:40px 0}@media(max-width:580px){.event-speaker .speaker-info{flex-direction:column-reverse}}.event-speaker .speaker-info .left-info{flex:3;display:flex;flex-direction:column;gap:20px;min-height:200px}@media(max-width:580px){.event-speaker .speaker-info .left-info{flex:none;margin-top:210px}}.event-speaker .speaker-info .left-info .event-name{font-size:42px;color:var(--clr-primary)}.event-speaker .speaker-info .left-info .location-info{display:flex;flex-direction:column;gap:10px}.event-speaker .speaker-info .left-info .short-description{margin-top:10px;font-size:18px;line-height:1.6}.event-speaker .speaker-info .right-info{position:relative;flex:1}@media(max-width:980px){.event-speaker .speaker-info .right-info{flex:2}}@media(max-width:760px){.event-speaker .speaker-info .right-info{flex:3}}@media(max-width:580px){.event-speaker .speaker-info .right-info{flex:none}}.event-speaker .speaker-info .avatar{position:absolute;top:-150px;display:flex;flex-direction:column;align-items:center;gap:15px}.event-speaker .speaker-info .avatar button{width:100%}@media(max-width:580px){.event-speaker .speaker-info .avatar{top:-200px;left:50%;transform:translate(-50%)}}.event-speaker .speaker-info .avatar img{width:250px;height:300px;-o-object-fit:cover;object-fit:cover}.container-sm{max-width:calc(720px + var(--container-padding) * 2);width:100%;margin:0 auto;padding:0 var(--container-padding)}.container-md{max-width:calc(1200px + var(--container-padding-l) * 2);width:100%;margin:0 auto;padding:0 var(--container-padding)}