:root { --header-height: 60px; }

html, body { font-family: 'Rubik', sans-serif; margin: 0; padding: 0; font-size: 14px; }

nav { font-family: 'Capriola', sans-serif; font-size: 16px; }

/* Pour les ancres */
:target { scroll-margin-top: var(--header-height); }

.fs-7 { font-size: .9em; }
.fs-8 { font-size: .8em; }

figure.md, img.md { width: 100%; height: auto; }
figure.md, img.md { max-width: 256px; }
figure.mdportrait, img.mdportrait { max-width: 216px; }
img.link { transition: all .2s ease-in; }
img.link:hover { opacity: .9; }

main { padding-top: var(--header-height); }

@media all and (max-width: 992px) { /* version mobile */

html,body { font-size: 12px; }

}