*{margin:0;padding:0}a{text-decoration:inherit;color:inherit}body{background:#fff;font-family:"Josefin Sans"}.header{text-align:center;position:relative;z-index:1}body.home{background:#000}body.home .header{color:#fff}body.home .header::after{content:"";position:absolute;top:0;bottom:-10em;right:0;left:0;background:linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);z-index:0}.header .logo{margin:1.5em 0;display:inline-block;height:4em;width:70%;max-width:15em;z-index:1;position:relative}.header .logo a{display:inline-block}.header .logo img{max-width:100%;max-height:100%;pointer-events:none;filter:saturate(0%);display:block}body.home .header .logo img{filter:saturate(0%) invert(100%)}.header .menu{z-index:1;position:relative}.header .sandwich{display:none;position:relative;width:1.5em;height:2em;z-index:2;cursor:pointer;transition:color .3s ease;vertical-align:middle;margin-right:1em}.header .sandwich.show{color:black}.header .sandwich::before,.header .sandwich::after{content:"";width:100%;height:.15em;background:currentColor;display:block;position:relative;transform-origin:top left;transition:transform .3s ease}.header .sandwich::before{margin:.6em 0}.header .sandwich.show::before{transform:translate(0.1em, -0.3em) rotate(45deg)}.header .sandwich.show::after{transform:rotate(-45deg)}.header a{margin:0 .5em;font-size:1.1em}.header a.current{text-decoration:underline;font-weight:bold}.header a span{font-size:0}.header svg{height:1.3em;vertical-align:middle;fill:currentColor}.content{position:relative;margin:2em 0;box-sizing:border-box;padding:0 4em;font-size:1.2em;z-index:2}body:not(.events):not(.comercial):not(.contact) .content a{text-decoration:underline;color:#0D47A1;font-weight:bold}.content h1{text-transform:uppercase;font-size:2.25em;margin-bottom:1em}body.home .background{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;transition:opacity .3s ease;opacity:0.025}body.home .background div{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center}body.contact .content a{display:table;font-weight:bold;margin:1em 0;font-size:1.15em}body.contact .content svg{height:1.2em;vertical-align:middle;fill:currentColor;margin-right:.5em}body.about .sides>div{display:inline-block;vertical-align:top;width:59%}body.about .sides>div:last-of-type{width:40%}body.about .text{box-sizing:border-box;padding-right:2em}body.about .portrait img{pointer-events:none;width:100%}body.about h2{margin-top:2em;font-size:2em;line-height:1.6em;letter-spacing:0.01em;font-weight:normal}body.about p{margin:4em 0 2em;line-height:1.85em;letter-spacing:0.01em;text-align:justify}body.events a.event,body.comercial a.comercial{display:inline-block;position:relative;width:calc(49% - 1em);padding-top:18%;margin:.5em 0;margin-right:1em;background:#000}body.events a.event:hover .background,body.comercial a.comercial:hover .background{opacity:.5}body.events a.event .background,body.comercial a.comercial .background{opacity:.75;position:absolute;top:0;bottom:0;right:0;left:0;background-position:center;background-size:cover;transition:opacity .3s ease}body.events a.event .details,body.comercial a.comercial .details{position:absolute;top:50%;width:100%;transform:translate(0, -50%);box-sizing:border-box;padding:2em;text-align:center;color:#fff}body.events a.event p,body.comercial a.comercial p{font-weight:bold;font-size:1.2em}body.events a.event span,body.comercial a.comercial span{margin-top:.5em;display:block;font-size:.85em;opacity:.8;height:0;overflow:hidden;transition:height .3s ease}body.events a.event:hover span,body.comercial a.comercial:hover span{height:1.5em}body.photos .content h2{margin:2em 0 1em}.content .gallery{display:grid;grid-template-columns:repeat(3, calc(33% - .5em));grid-gap:1em;width:100%;max-width:60em;margin:1em auto}.content .gallery img{width:100%;margin:.5em 0;opacity:0;transition:opacity .3s ease;transition-property:opacity, transform;cursor:pointer;z-index:1;position:relative}.content .gallery img.show{opacity:1}body.event-page .content,body.comercial-page .content{text-align:center}body.event-page .content h1,body.comercial-page .content h1{text-transform:initial;font-weight:normal;margin-bottom:initial}body.event-page .content h2,body.comercial-page .content h2{font-weight:normal;font-size:1.2em;opacity:.75}body.event-page .content p,body.comercial-page .content p{margin:1em 0;font-size:.9em;line-height:1.5em}.zoom-overlay{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.75);z-index:2;cursor:pointer;opacity:0;transition:opacity .3s ease}.zoom-overlay.show{opacity:1}@media only screen and (max-width: 900px){.header{box-sizing:border-box;padding:0 2em;text-align:center}.header .logo{height:initial;vertical-align:middle}.header .menu{position:fixed;background:#fff;color:#000;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;transition:.3s ease;transition-property:visibility, opacity}.header .menu.show{visibility:visible;opacity:1}.header a{font-size:1.75em;margin:.25em 0}.header .sandwich{display:inline-block}.content{padding:0 2em;z-index:initial}.content h1{text-align:center;font-size:2em}body.events a.event,body.comercial a.comercial{margin-right:0;margin:.5em 0;width:100%;padding-top:45%}body.events a.event .details,body.comercial a.comercial .details{font-size:.8em;padding:.5em}body.events a.event span,body.comercial a.comercial span{display:none}body.event-page .content,body.comercial-page .content,body.photos .content{text-align:center}.content .gallery{display:block}.content .gallery img{z-index:initial}body.photos .content h2{margin:1em 0 .5em}body.about .sides>div{width:100% !important;display:block}body.about h2{margin-top:0;font-size:1.5em}body.about p{margin:2em 0 2em}.header a span{font-size:1em;margin-left:.5em}}