a{color:inherit}#content>div{align-items:center}.grid{margin:20px 60px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px 10px;align-items:start!important}.section-header{padding:2px;margin-bottom:10px;font-size:2em}.event{display:flex;flex-direction:column;position:relative;color:#000;text-decoration:none;height:100%;cursor:pointer;transition:all .2s ease}.event>div{flex:1}.event>.header{display:flex;flex:3;justify-content:center;align-items:center;margin:0;font-size:1em;background:#85ab65;color:#fff}.event>.header>h2{padding:7px;margin:0}.event>.content{background-color:#a4c08c;padding:0;margin:0}.event>.content>h3{margin:0;padding:5px 0;color:#fff}.event>.content>p{margin:0;padding:5px 0;color:#fff}.event>.content.more-infos{width:100%;opacity:0;position:absolute;left:0;z-index:-1;transform:scaleY(0);background:#5c8f32;transition:all .2s ease}.event.selected{z-index:8;box-shadow:0 2px 5px #000}.event.selected .more-infos{opacity:1;transform:scaleY(1)}.more-infos.bottom{top:0;box-shadow:0 2px 5px #000;transform-origin:50% 0}.more-infos.top{bottom:0;box-shadow:0 2px 5px #000;transform-origin:50% 100%}.event.selected .more-infos.bottom{top:100%}.event.selected .more-infos.top{bottom:100%}.event.not-selected{opacity:.7}.event .more-infos img{width:100%;object-fit:cover}.event .place{margin-top:0;margin-bottom:0;line-height:.7em;font-size:.8em;color:#fff;text-decoration:none}.event .place:hover{text-decoration:underline}@media screen and (max-width:1050px){.grid{margin:20px}}@media screen and (max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:650px){.grid{grid-template-columns:repeat(2,1fr);margin:20px 10px}}@media screen and (max-width:525px){.grid{grid-template-columns:repeat(1,1fr)}}