@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');
body {
  --h1: 8.75vw;
  --h2: calc(var(--h1)/2);
  --h3: 14pt;
  --h4: 10pt;
  --h5: 10px;
  --g1: calc(100vw / 14);
  --g2: calc(var(--g1) * 2);
  --g3: calc(var(--g1) * 3);
  --g4: calc(var(--g1) * 4);
  --g5: calc(var(--g1) * 5);
  --g6: calc(var(--g1) * 6);
  --g7: calc(var(--g1) * 7);
  --g8: calc(var(--g1) * 8);
  --g9: calc(var(--g1) * 9);
  --g10: calc(var(--g1) * 10);
  --g11: calc(var(--g1) * 11);
  --g12: calc(var(--g1) * 12);
  --g13: calc(var(--g1) * 13);
  --g14: 100vw;
  --u: max(1vh,1vw,10px);
  --ubig: max(var(--g1),10vh);
  --c:#B721FF;
  --c2:#09f;
  --grad:linear-gradient(19deg, #09f 0%, #B721FF 100%);
  --sh-grad:0 0 var(--g2) var(--c);
  --ttf: cubic-bezier(0.83, 0.02, 0, 1.01);
  --trans: all 0.6s 0s var(--ttf);
  --borde:1px solid #0003
}
@media (max-width:640px) {
  body{
    --h2:var(--h1);
    --h4:10pt;
    --g4:100%
  }
}
::-moz-selection {background: transparent; color: var(--c);}
::selection {background: transparent; color: var(--c);}
::-webkit-scrollbar {display: none;}
::-webkit-input-placeholder {opacity:.6; color:inherit; background:transparent;}
::-moz-placeholder {opacity:.6; color:inherit; background:transparent;}
:-ms-input-placeholder {opacity:.6; color:inherit; background:transparent;}
::-ms-input-placeholder {opacity:.6; color:inherit; background:transparent;}
::placeholder {opacity:.6; color:inherit; background:transparent;}
*,
*:before,
*:after {
  margin:0; padding:0; outline:none; vertical-align:top;
  -webkit-box-shadow: none; box-shadow: none;
  -webkit-box-sizing: border-box; box-sizing: border-box;
  background-clip: border-box;
  background-origin:border-box !important;
  -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased;
  -webkit-text-stroke:0;
}
h1,h2,h3,h4,h5,p {font-weight:normal; line-height:1;}
h1,.h1 {font-size:var(--h1); line-height:0.8; letter-spacing:-.06ch;}
h2 {font-size:var(--h2); line-height:0.9; letter-spacing:-.06ch;}
h3 {font-size:var(--h3);}
h4 {font-size:var(--h4);}
h5 {font-size:var(--h5); text-transform:uppercase;}
p {font-size:14px; line-height:1.2;}
*[class^=g] {padding:var(--u);}
.g3 {width:var(--g3);}
.g4 {width:var(--g4);}
a {display:inline; position:relative; color:inherit; text-transform:uppercase; text-decoration:underline;}
nav a {text-transform:none; text-decoration:none; padding:var(--u);}
a:hover {text-decoration:none;}
#hero a[href*=tel] {font-size:var(--h3);}
a,b,.b {font-weight:700;}
html,
body {min-height:100%; position:relative}
body {overflow-y:auto; font:normal 400 100%/1 'Quattrocento', sans-serif; color:#000;}
body[leyendo],
body.load {overflow:hidden; pointer-events:none;}
body::after,
body::before {content:''; position:fixed; z-index:9999; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
body::before {inset:0; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
body::after {height:var(--ubig); width:var(--ubig); top:calc(50% - (var(--ubig)/2)); left:calc(50% - (var(--ubig)/2)); border-radius:50%; border:var(--u) solid #0000; background:conic-gradient(#fff0 90deg,var(--c) 0,var(--c2) 330deg); -webkit-animation:rota 1.5s infinite linear forwards; animation:rota 1.5s infinite linear forwards;
--fill:linear-gradient(red,red);
-webkit-mask:var(--fill) padding-box, var(--fill) border-box; mask:var(--fill) padding-box, var(--fill) border-box;
-webkit-mask-composite:xor; mask-composite:exclude;}
body:not(.load)::before,
body:not(.load)::after {opacity:0; -webkit-animation:none; animation:none; pointer-events:none;}
#bib nav>*:first-of-type,
#not nav>*:nth-of-type(2),
#nos nav>*:nth-of-type(3),
#con nav>*:last-of-type,
footer,
.bg {color:#fff; background:no-repeat center / cover border-box,#09f;background-image:var(--grad);}

/* CONTENIDO */
body:not(.yasta) header {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
header {position:fixed; z-index:100; top:0; left:0; width:100%; padding:0 var(--g1); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#fff6; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); -webkit-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;}
nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:var(--ubig); min-width:var(--g6);}
nav>* {text-transform:capitalize; display:-webkit-box; display:-ms-flexbox; display:flex; font-weight:700; border:#0000 1px solid; border-radius:var(--u); cursor:pointer; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
nav>*:hover,
body[noticia] article button:hover {-webkit-box-shadow:var(--sh-grad);box-shadow:var(--sh-grad); border-color:var(--c);}
#bib nav>*:first-of-type,
#not nav>*:nth-of-type(2),
#nos nav>*:nth-of-type(3),
#con nav>*:last-of-type {pointer-events:none;}
#logo {height:calc(var(--u)*2); mix-blend-mode:multiply;}

@media (max-width:640px) {#logo {display:none;}}
@media (min-width:640px) {nav {gap:var(--u);}}

main {position:relative; min-height:100vh; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
	/* background:url('../i/bg.jpg') no-repeat fixed center / cover;}
main::before {content:''; inset:0; background:#fff9; position:absolute */
}
section {position:relative; padding:var(--u) var(--g1); width:100%;}
section:first-of-type {padding-top:var(--ubig);}
section:last-of-type {padding-bottom:var(--ubig);}
#bib section:first-of-type,#hero {display:-webkit-box; display:-ms-flexbox; -webkit-filter:opacity(1); filter:opacity(1); display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:50vh; background:var(--grad); color:#fff; padding:var(--ubig) var(--g1); z-index:10;}
#bib section:first-of-type>img {aspect-ratio:1; height:calc(var(--ubig)*2); display:block; position:absolute; border-radius:50%; top:100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-shadow:var(--sh-grad); box-shadow:var(--sh-grad);}

#slider {position:absolute; inset:0; height:100%; padding:0; margin:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; pointer-events:none; opacity:.7; z-index:-1; overflow:hidden;}
#slider img {position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
#slider img:not(.act):not(.old) {opacity:0; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-filter:blur(20px); filter:blur(20px);}
#slider img.act,
#slider img.old {-webkit-transition:all 2.5s var(--ttf); -o-transition:all 2.5s var(--ttf); transition:all 2.5s var(--ttf);}
#slider img.old {z-index:-1;}

#search {position:relative; z-index:10; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100vw; padding:var(--g1);
--hsearch:calc(1.2*var(--h2))}
#search>* {margin-bottom:var(--u);}
#news {margin-top:var(--ubig); display:-webkit-box; display:-ms-flexbox; display:flex; gap:var(--ubig);}
#news>h4 {width:100%; text-align:center; color:var(--c);}
#news figure {cursor:pointer;}
#news figure * {pointer-events: none;}
body[noticia] article::before,
#news figure::before {content:attr(fecha); text-align:right;}
#news img {display:block; position:relative; width:100%; height:var(--ubig); -o-object-fit:cover; object-fit:cover; margin:var(--u) 0; outline: var(--borde);}
label {display:inline-block; position:relative; font-size:var(--h4); letter-spacing:normal; text-transform:capitalize; cursor:pointer; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
input,
select {border:var(--c) solid 1px; font:inherit; border-radius:var(--u); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); overflow:hidden;}
input {background:#0000;}
input[type=radio] {display:none;}
/* input[type=radio]+label {margin-right:var(--u); display:flex; align-items:center; font-weight:700;}
input[type=radio]+label::before {height:2ch; width:2ch; display:inline-block; position: relative; content:''; border-radius:50%; border:var(--c) 1px solid; margin-right:1ch;}
input[type=radio]:checked+label::before {background:var(--grad); border-color:#0000;}
input[type=radio]:not(:checked)+label {opacity:.5;}
input[type=radio]:not(:checked)+label:hover {opacity:1;} */
input[type=radio]+label,#mas {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:var(--u); padding:var(--u); font-weight:700; overflow:hidden;}
input[type=radio]:checked+label {color:#fff;}
input[type=radio]+label::before,#mas::before {content:''; inset:0; z-index:-1; position:absolute; background:var(--grad); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
input[type=radio]:not(:checked)+label::before,#mas:not(:hover)::before {opacity:0;}
input[type=radio]:not(:checked)+label:not(:hover) {opacity:.5;}

label[for=search] {width:var(--g8); height:var(--hsearch); position:relative; font-size:var(--h2); display:-webkit-box; display:-ms-flexbox; display:flex;}
input[type=search] {width:100%; height:100%; padding-right:var(--hsearch);}
input:active,
input:focus {-webkit-box-shadow:var(--sh-grad);box-shadow:var(--sh-grad);}
input:hover::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {color:var(--c); opacity:.5;}
input:hover::-moz-placeholder, input:focus::-moz-placeholder {color:var(--c); opacity:.5;}
input:hover:-ms-input-placeholder, input:focus:-ms-input-placeholder {color:var(--c); opacity:.5;}
input:hover::-ms-input-placeholder, input:focus::-ms-input-placeholder {color:var(--c); opacity:.5;}
input:hover::placeholder,
input:focus::placeholder {color:var(--c); opacity:.5;}
button[type="submit"] {position:absolute; font:inherit; right:0; border:#0000 solid 1px; width:var(--hsearch); height:var(--hsearch); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:0 var(--u) var(--u) 0; line-height:initial; cursor:pointer; background-clip: content-box;}
input[type=search]:not(:valid) {border-color:#0003;}
input[type=search]:not(:valid)+button {pointer-events:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none; background-color:#0000; padding:var(--u); font-weight:700; cursor:pointer; text-transform:capitalize; width:auto;}
#vista {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; width:50%; padding:0; letter-spacing:normal;}
#vista h3 {font-weight:700; font-size:calc(var(--h4)*2); margin-right:var(--u); color:var(--c); cursor:pointer;}
#vista h4[res]::before {content:attr(res); position:relative;}
body:not([search]) #vista,
body:not([mas]) #mas {opacity:0; pointer-events:none;}
.lista #vista h3 span:first-child,
body:not(.lista) #vista h3 span:last-child {color:#0003;}
#filtros {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#mas {position:relative; -webkit-transform:translateY(calc(var(--ubig)*-.5)); -ms-transform:translateY(calc(var(--ubig)*-.5)); transform:translateY(calc(var(--ubig)*-.5)); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); border:solid 1px var(--c);}
#mas:hover {color:#fff; border-color:#0000;}

body[search] #how {display:none;}
#how {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; counter-reset:how;}
#how h2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; text-align:center;}
#how h4 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%; padding:var(--u); position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:auto; counter-increment:how; text-align:center;}
#how h4::before {content:counter(how); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:var(--h2); color:var(--c2); width:2ch; aspect-ratio:1; border-radius:50%; border:var(--borde); margin-bottom:var(--u);}

@media (max-width:640px) {
  #search {padding-top:calc(var(--g2)*2);}
  label[for=search] {width:100%;}
  #how h4 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;}
}

#news,
#resultados {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%; height:auto; gap: var(--u); -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; counter-reset:res; -webkit-backdrop-filter:opacity(1); backdrop-filter:opacity(1);}
@-webkit-keyframes rota {to {-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes rota {to {-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
:is(#news,#resultados) figure {width:calc((100% - var(--u)*3)/4); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; position:relative; border-radius:var(--u); padding:var(--u); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); counter-increment:res; border:var(--borde); mix-blend-mode:multiply;}
body[noticia] article,
:is(#news,#resultados) figure:hover {z-index:5; -webkit-box-shadow:var(--sh-grad); box-shadow:var(--sh-grad); --borde:1px solid var(--c)}
#resultados figure::before {content:''; width:100%; aspect-ratio:1; position:inherit; background:url('../i/icn.jpg') no-repeat center / contain; -webkit-filter:contrast(1.5); filter:contrast(1.5); border-radius:50%; margin-bottom:var(--u); outline:var(--borde); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
#resultados figure::after {content:counter(res); position:absolute; top:0; right:0; margin:var(--u); font-size:var(--h5);}
#resultados figure:nth-of-type(-n + 999)::after {content:"0" counter(res);}
#resultados figure:nth-of-type(-n + 99)::after {content:"00" counter(res);}
#resultados figure:nth-of-type(-n + 9)::after {content:"000" counter(res);}
#resultados figure * {pointer-events:none;}
#resultados figure *::first-letter {text-transform:capitalize;}
#resultados figure h3 {font-weight:700; margin-bottom:var(--u);}
/* body:not(.lista) #resultados figure:not(:nth-of-type(4n))+figure {margin-left:var(--u);} */
.lista #resultados figure {-webkit-box-flex:100%;-ms-flex:100%;flex:100%; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lista #resultados figure::before {width:calc(var(--g1)/2); margin:0;}
.lista #resultados figure>* {padding:var(--u);}
.lista #resultados h3 {width:calc(var(--g5) + var(--g1)/2); margin:0;}
.lista #resultados h4 {width:25%}
#how h2,
#resultados h2 {margin:var(--g1) 0; color:var(--c);}

@media (max-width:992px) {
  :is(#news,#resultados) figure {width:calc(50% - var(--u));}}
@media (max-width:640px) {
  :is(#news,#resultados) figure {width:100%;}
  #resultados figure::before {height:var(--ubig)}}

/* LIBROS */
body:is([noticia],[leyendo]) {pointer-events:none; overflow:hidden;}
body:is([noticia],[leyendo]) article {opacity:1; -webkit-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1); -webkit-filter:none; filter:none; pointer-events:auto;}
article {top:50vh; left:50vw; position:fixed; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:102 !important; background:#fff; overflow:hidden; opacity:0; -webkit-transform:translate(-50%,-50%) scale(1.5); -ms-transform:translate(-50%,-50%) scale(1.5); transform:translate(-50%,-50%) scale(1.5); -webkit-filter:blur(20px); filter:blur(20px); pointer-events:none;}
article[error]::after {position:absolute; inset:0; background:#0009; color:#fff; font-size:var(--h2); content:attr(error); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
body.yasta article {-webkit-transition:var(--trans);-o-transition:var(--trans);transition:var(--trans); -webkit-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;}
canvas {position:absolute; top:0; -webkit-box-shadow:var(--sh-grad); box-shadow:var(--sh-grad);}
#libronav {position:fixed; bottom:0; left:0; height:var(--h2); width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; background:#fff; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans);}
.hid,
#libronav:not(:hover) {opacity:0;}
#libronav>* {-webkit-box-flex:1;-ms-flex:1;flex:1; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-top:var(--c) 1px solid; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); cursor:pointer;}
#libronav>*:hover {background:var(--grad) no-repeat 0 0 / 100% var(--u),#fff;}
#libronav>*:not(:hover) {background-position:0 calc(var(--u)*-1);}
#libronav .nav {cursor:pointer;}
#libronav .nav::before {content:'\27f5'; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100vh; width:100%; left:0; bottom:0; z-index:-2; position:absolute; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); font-size:var(--h2); color:#fff; background:-o-linear-gradient(left,var(--c),#0000); background:-webkit-gradient(linear,left top, right top,from(var(--c)),to(#0000)); background:linear-gradient(to right,var(--c),#0000)}
#libronav .nav#sig::before {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#libronav .nav:not(:hover)::before {opacity:0;}
#libronav .zoom::before {content:'\2295'; font-size:calc(var(--h2)*.5);}
#libronav #zou:before {content:'\2296';}
#pag {pointer-events:none;}
#pag::before,#pag::after {content:attr(tot); position:relative; padding:0 .5ch;}
#pag::before {content:attr(curr); font-weight:700; border-right:1px solid #000;}
#bye {position:fixed; top:0; right:0; padding:var(--u); -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); cursor:pointer;}
#bye:hover {color:var(--c);}

/* NOTICIAS */
article {width:min(100vh,100vw); max-height:90vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column nowrap; flex-flow:column nowrap; padding:calc(var(--ubig)/2) var(--u); overflow-y:auto; gap:var(--u);}
article>*:not(button) {width:100%; text-align:center;}
article button {position:absolute; right:0; top:0; margin:var(--u); border-radius:50%; border:#0000 1px solid; background:#fff; padding:var(--u); width:5ch; height: 5ch; -webkit-transition:var(--trans); -o-transition:var(--trans); transition:var(--trans); display:grid; place-content:center; cursor:pointer;}
article img {height:auto; outline:var(--borde);}

footer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; position:relative; width:100%; padding:var(--g1); -webkit-backdrop-filter:opacity(1); backdrop-filter:opacity(1);}
footer>* {width:25%; margin-bottom:var(--u);}
footer #legales {width:100%; margin-top:var(--ubig); text-align:center;}
.logo {height:auto; display:inline-block; position:relative; -o-object-fit:contain; object-fit:contain; margin-bottom:var(--u); -webkit-filter:invert(1); filter:invert(1); mix-blend-mode:screen;}
@media (min-width:640px) {.logo {margin-right:25%;}}
@media (max-width:640px) {footer>* {width:100%;}}

#hero {min-height:50vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#about {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; padding-top:var(--g1);}
#con #hero {min-height:50vh; background:#fff; color:#000; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; padding-top:var(--ubig)}
#con #hero h1 {-webkit-box-flex:100%;-ms-flex:100%;flex:100%;}
#con #hero h4 {-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;}
#con #hero h4:first-of-type {-webkit-box-flex:50%;-ms-flex:50%;flex:50%;}
#con #map {height:50vh; overflow:hidden; padding:0;}
#con #map iframe {position:absolute; inset:0; width:100%; height:100%;}

@media (max-width:640px) {
  #con #hero {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
  #con #hero h4 {-webkit-box-flex:100%;-ms-flex:100%;flex:100%}
}