@charset "UTF-8";
/*------------------------------------*\
    RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
    v2.0b1 | 201101
    NOTE:WORK IN PROGRESS
    USE WITH CAUTION AND TEST WITH ABANDON */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: ’’;
  content: none;
}

/* remember to define visible focus styles!
:focus{
    outline:?????;
} */
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    $MAIN
\*------------------------------------*/
/* GO! */
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Bold-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Bold-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Bold-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Bold-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Bold-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Bold-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Bold-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Bold-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 700;
  src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Bold-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Bold-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Serif Bold Italic"), local("IBMPlexSerif-BoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-BoldItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-BoldItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Serif Bold Italic"), local("IBMPlexSerif-BoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-BoldItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-BoldItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Serif Bold Italic"), local("IBMPlexSerif-BoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-BoldItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-BoldItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Serif Bold Italic"), local("IBMPlexSerif-BoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-BoldItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-BoldItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 700;
  src: local("IBM Plex Serif Bold Italic"), local("IBMPlexSerif-BoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-BoldItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-BoldItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight"), local("IBMPlexSerif-ExtraLight"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLight-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLight-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight"), local("IBMPlexSerif-ExtraLight"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLight-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLight-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight"), local("IBMPlexSerif-ExtraLight"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLight-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLight-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight"), local("IBMPlexSerif-ExtraLight"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLight-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLight-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight"), local("IBMPlexSerif-ExtraLight"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLight-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLight-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight Italic"), local("IBMPlexSerif-ExtraLightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLightItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLightItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight Italic"), local("IBMPlexSerif-ExtraLightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLightItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLightItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight Italic"), local("IBMPlexSerif-ExtraLightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLightItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLightItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight Italic"), local("IBMPlexSerif-ExtraLightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLightItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLightItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 200;
  src: local("IBM Plex Serif ExtraLight Italic"), local("IBMPlexSerif-ExtraLightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ExtraLightItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ExtraLightItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: local("IBM Plex Serif Italic"), local("IBMPlexSerif-Italic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: local("IBM Plex Serif Light"), local("IBMPlexSerif-Light"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: local("IBM Plex Serif Light Italic"), local("IBMPlexSerif-LightItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif Medium"), local("IBMPlexSerif-Medium"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Medium-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Medium-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif Medium"), local("IBMPlexSerif-Medium"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Medium-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Medium-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif Medium"), local("IBMPlexSerif-Medium"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Medium-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Medium-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif Medium"), local("IBMPlexSerif-Medium"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Medium-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Medium-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: local("IBM Plex Serif Medium"), local("IBMPlexSerif-Medium"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Medium-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Medium-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Serif Medium Italic"), local("IBMPlexSerif-MediumItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-MediumItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-MediumItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Serif Medium Italic"), local("IBMPlexSerif-MediumItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-MediumItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-MediumItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Serif Medium Italic"), local("IBMPlexSerif-MediumItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-MediumItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-MediumItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Serif Medium Italic"), local("IBMPlexSerif-MediumItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-MediumItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-MediumItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 500;
  src: local("IBM Plex Serif Medium Italic"), local("IBMPlexSerif-MediumItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-MediumItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-MediumItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold"), local("IBMPlexSerif-SemiBold"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: local("IBM Plex Serif SemiBold Italic"), local("IBMPlexSerif-SemiBoldItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Serif Text"), local("IBMPlexSerif-Text"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Text-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Text-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Serif Text"), local("IBMPlexSerif-Text"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Text-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Text-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Serif Text"), local("IBMPlexSerif-Text"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Text-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Text-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Serif Text"), local("IBMPlexSerif-Text"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Text-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Text-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 450;
  src: local("IBM Plex Serif Text"), local("IBMPlexSerif-Text"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Text-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Text-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Serif Text Italic"), local("IBMPlexSerif-TextItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-TextItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-TextItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Serif Text Italic"), local("IBMPlexSerif-TextItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-TextItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-TextItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Serif Text Italic"), local("IBMPlexSerif-TextItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-TextItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-TextItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Serif Text Italic"), local("IBMPlexSerif-TextItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-TextItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-TextItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 450;
  src: local("IBM Plex Serif Text Italic"), local("IBMPlexSerif-TextItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-TextItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-TextItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Serif Thin"), local("IBMPlexSerif-Thin"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Thin-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Thin-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Serif Thin"), local("IBMPlexSerif-Thin"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Thin-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Thin-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Serif Thin"), local("IBMPlexSerif-Thin"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Thin-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Thin-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Serif Thin"), local("IBMPlexSerif-Thin"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Thin-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Thin-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 100;
  src: local("IBM Plex Serif Thin"), local("IBMPlexSerif-Thin"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Thin-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Thin-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Serif Thin Italic"), local("IBMPlexSerif-ThinItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ThinItalic-Cyrillic.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ThinItalic-Cyrillic.woff") format("woff");
  unicode-range: "U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Serif Thin Italic"), local("IBMPlexSerif-ThinItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ThinItalic-Pi.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ThinItalic-Pi.woff") format("woff");
  unicode-range: "U+03C0, U+0E3F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1, U+EBE3-EBE4, U+EBE6-EBE7, U+ECE0, U+EFCC";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Serif Thin Italic"), local("IBMPlexSerif-ThinItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ThinItalic-Latin3.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ThinItalic-Latin3.woff") format("woff");
  unicode-range: "U+0102-0103, U+1EA0-1EF9, U+20AB";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Serif Thin Italic"), local("IBMPlexSerif-ThinItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ThinItalic-Latin2.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ThinItalic-Latin2.woff") format("woff");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02";
}
@font-face {
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 100;
  src: local("IBM Plex Serif Thin Italic"), local("IBMPlexSerif-ThinItalic"), url("../fonts/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-ThinItalic-Latin1.woff2") format("woff2"), url("../fonts/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-ThinItalic-Latin1.woff") format("woff");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FB01-FB02";
}
/*

bold 700
semibold 600
medium 500
text 450
regular 400
ligth 300
extralight 200
thin 100

*/
body, h1, h2, h3, h4, h5, h6, pre {
  font-size-adjust: 0.5;
}

a:link, a:active, a:visited {
  color: black;
}
a:hover {
  color: #E40000;
}

.text-align-right {
  text-align: right;
}

mark {
  padding: 0.2rem;
  background-color: #fcf8e3;
}

del, s {
  text-decoration: line-through;
}

ins, u {
  text-decoration: underline;
}

strong {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}

em {
  font-style: italic;
}

abbr, acronym {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
abbr[title], acronym[title] {
  cursor: help;
}

cite {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 450;
  font-style: italic;
}

/* FIGURES and CAPTIONS */
figure, .video, .sketchfab-embed-wrapper, .map {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

figcaption, caption, .caption {
  text-align: center;
  font-family: "IBM Plex Serif", "Georgia", Times, serif;
  font-weight: 400;
}

aside {
  text-transform: uppercase;
  color: gray;
}

/* CODE */
kbd {
  font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
  font-weight: 400;
  padding: 0.2rem 0.4rem;
  color: #fff;
  background-color: #444;
  border-radius: 0.2rem;
}

code {
  font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
  font-weight: 400;
  color: #e83e8c;
  word-break: break-word;
}

pre {
  font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
  font-weight: 400;
}
pre {
  padding: 24px;
}
pre p, pre code {
  margin: 0px;
  padding: 0px;
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

/* TEXT BODY */
p, li, th, td {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* HORIZONTAL RULE 1 */
hr {
  height: 1px;
  color: silver;
  background-color: silver;
  border: 0 none;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

/* TABLE */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #666;
  box-sizing: inherit;
  text-align: left;
  width: calc(100% - 48px);
}

table > caption {
  caption-side: bottom;
}

th {
  padding: 0.75rem;
  vertical-align: top;
  font-weight: 400;
  border-bottom: 1px solid #666;
}

tr {
  border-bottom: 1px solid #bbb;
}

tr:last-child {
  border-bottom: 1px solid #666;
}

td {
  padding: 0.75rem;
  vertical-align: top;
}

td:first-child, th:first-child {
  padding-left: 0;
}

/* LISTS */
ol, ul {
  overflow: auto;
}

dl {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  display: flex;
}
dl dt {
  font-weight: 450;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
dl dd {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

li {
  padding-left: 12px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

ol {
  counter-reset: item;
}
ol li {
  display: block;
  list-style: none;
}
ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

/* BLOCKQUOTE */
blockquote {
  padding: 0.5rem 1.5rem;
  margin: 1rem 1.5rem 1rem;
  border-left: 0.25rem solid #eceeef;
}
blockquote.reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}
blockquote.reverse footer:before {
  content: "";
}
blockquote.reverse footer:after {
  content: " —";
}
blockquote p {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  margin: 0rem;
}
blockquote footer {
  display: block;
  margin: 0.5rem 0 0.5rem;
  font-family: "IBM Plex Serif", "Georgia", Times, serif;
  font-weight: 400;
  color: #636c72;
}
blockquote footer:before {
  content: "— ";
}

.section-nav {
  margin-top: 1rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid silver;
}
.section-nav li {
  font-weight: 500;
  padding-left: 0px;
  border-top: 1px solid silver;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}
.section-nav li a {
  text-decoration: none;
}
.section-nav li ul {
  margin-left: 0px;
}
.section-nav li ul li {
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
  font-size: 1rem;
  border-top: none;
  font-weight: 300;
  text-decoration: none;
}

/* TYPOGRAPHY */
figcaption, caption, aside, .caption, small {
  font-size: 0.81rem;
  line-height: 1.6;
  margin: 0.6rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  figcaption, caption, aside, .caption, small {
    font-size: 1rem;
    line-height: 1.68;
    margin: 0.75rem 1.5rem 0;
  }
}

pre {
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 2rem 1.5rem 0;
}
pre + pre {
  margin: 1rem 1.5rem 0;
}
pre + p {
  margin: 3rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  pre {
    font-size: 1.05rem;
    line-height: 1.68;
    margin: 2.5rem 1.5rem 0;
  }
  pre + pre {
    margin: 1.5rem 1.5rem 0;
  }
  pre + p {
    margin: 3.5rem 1.5rem 0;
  }
}

code, kbd {
  font-size: 0.95rem;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  code, kbd {
    font-size: 1.05rem;
    line-height: 1.68;
  }
}

table {
  font-size: 1rem;
  line-height: 1.6;
  margin: 1.5rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  table {
    font-size: 1.18rem;
    line-height: 1.68;
    margin: 1.5rem 1.5rem 0;
  }
}

li, dt, dl {
  font-size: 1rem;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  li, dt, dl {
    font-size: 1.18rem;
    line-height: 1.68;
  }
}

p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  margin: 0.8rem 1.5rem 0;
}
p + pre {
  margin: 1.5rem 1.5rem 0;
}
p + blockquote {
  margin: 2rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  p {
    font-size: 1.18rem;
    line-height: 2.101rem;
    margin: 1.4rem 1.5rem 0;
  }
  p + blockquote {
    margin: 2.5rem 1.5rem 0;
  }
  p + pre {
    margin: 2rem 1.5rem 0;
  }
}
p.project-description {
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 1.5rem 1.5rem 2.5rem;
}
@media only screen and (min-width: 768px) {
  p.project-description {
    font-size: 1.75rem;
    line-height: 1.5rem;
    margin: 2rem 1.5rem 3rem;
  }
}

.translation p {
  font-weight: 300;
  font-size: 0.885rem;
  line-height: 1.395rem;
  margin: 0.73rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  .translation p {
    font-size: 0.885rem;
    line-height: 1.395rem;
    margin: 0.73rem 1.5rem 0;
  }
}

h4, h5, h6 {
  font-weight: 450;
  font-size: 1rem;
  line-height: 1.11;
  margin: 1rem 1.5rem 0;
}
h4 + p, h5 + p, h6 + p {
  margin: 0.75rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  h4, h5, h6 {
    font-size: 1.18rem;
    line-height: 1.22;
    margin: 1.25rem 1.5rem 0;
  }
  h4 + p, h5 + p, h6 + p {
    margin: 1rem 1.5rem 0;
  }
}

#pulse h3 {
  font-weight: 450;
  font-size: 1rem;
  line-height: 1.6;
  margin: 1rem 1.5rem 0;
  margin: 0rem 0rem 0rem;
}
@media only screen and (min-width: 768px) {
  #pulse h3 {
    font-size: 1.18rem;
    line-height: 1.78;
    margin: 1.25rem 1.5rem 0;
    margin: 0rem 0rem 0.1rem;
  }
}

h3 {
  font-weight: 450;
  font-size: 1.35rem;
  line-height: 1.13;
  margin: 1rem 1.5rem 0;
}
h3 + p {
  margin: 0.75rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 2rem 1.5rem 0;
  }
  h3 + p {
    margin: 1rem 1.5rem 0;
  }
}

#pulse h2 {
  font-weight: 450;
  font-size: 1.35rem;
  line-height: 1.13;
  margin: 1rem 1.5rem 0;
  margin: 0.5rem 0rem 0rem;
}
@media only screen and (min-width: 768px) {
  #pulse h2 {
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 1.5rem 1.5rem 0;
    margin: 0.5rem 0rem 0rem;
  }
}

h2 {
  font-weight: 450;
  font-size: 1.75rem;
  line-height: 1.15;
  margin: 1.25rem 1.5rem 0;
}
h2 + p {
  margin: 1rem 1.5rem 0;
}
h2 + hr {
  margin: 0.6rem 1.5rem 0.7rem;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 2.1rem;
    line-height: 1.25;
    margin: 1.5rem 1.5rem 0;
  }
  h2 + p {
    margin: 1.25rem 1.5rem 0;
  }
}

h2.project-description {
  font-weight: 400;
  font-size: 1.65rem;
  line-height: 1.45;
  margin: 3rem 1.5rem 2.5rem;
}
@media only screen and (min-width: 768px) {
  h2.project-description {
    font-size: 2rem;
    line-height: 1.45;
    margin: 4rem 1.5rem 3.5rem;
  }
}

h1 {
  font-weight: 450;
  font-size: 2.25rem;
  line-height: 1.2;
  margin: 2.5rem 1.5rem 0;
}
h1 + p {
  margin: 1.5rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.7rem;
    line-height: 1.3;
    margin: 3rem 1.5rem 0;
  }
  h1 + p {
    margin: 1.8rem 1.5rem 0;
  }
}

.bio h1 {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 2rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  .bio h1 {
    font-size: 1.28rem;
    line-height: 1.78;
    margin: 1.5rem 1.5rem 0;
  }
}

blockquote {
  margin: 2.5rem 1.5rem 0;
}
blockquote + p {
  margin: 3rem 1.5rem 0;
}
blockquote p {
  font-size: 1.15rem;
  line-height: 1.35;
  margin: 1rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  blockquote p {
    font-size: 1.3rem;
    line-height: 1.45;
    margin: 2rem 1.5rem 0;
  }
}
blockquote footer {
  font-size: 0.81rem;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  blockquote footer {
    font-size: 1rem;
    line-height: 1.68;
  }
}
@media only screen and (min-width: 768px) {
  blockquote + p {
    margin: 3rem 1.5rem 0;
  }
  blockquote {
    margin: 3rem 1.5rem 0;
  }
}

html {
  font-family: "IBM Plex Serif", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
}

footer span, footer li {
  font-size: 0.81rem;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  footer span, footer li {
    font-size: 1rem;
    line-height: 1.68;
  }
}

/* the selector matches and external link (ie. starting with http),
not including links to the current domain */
.external-link a, a.external-link {
  text-decoration: none;
}

.us-media-list [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after, .talks-events-list [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after, .external-link [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after {
  content: "(external link)";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  text-indent: 0.8em;
  overflow: hidden;
  background-color: black;
  mask-image: url("../img/icon-external-link.svg");
  mask-repeat: no-repeat;
  mask-position: center -0.03em;
  mask-size: 122%;
  margin-left: 0.2em;
}
.us-media-list [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after:hover, .talks-events-list [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after:hover, .external-link [href^=http]:not([href*="colaborativa.eu"]):not([href*="localhost.local"])::after:hover {
  fill: red;
}

.light {
  display: inline;
  font-weight: 300;
}

.hyphenate-no {
  hyphens: none;
}

/* LAYOUT */
html {
  height: 100%;
  color: #222222;
  position: relative;
  box-sizing: border-box;
  cursor: default;
  min-width: 320px;
}

body {
  display: table;
  min-height: 100%;
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  min-width: 320px;
}

.content {
  min-width: 320px;
  display: table-row;
  height: 100%;
  box-sizing: border-box;
}

.wrapper {
  max-width: 912px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.container {
  margin: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, aside, small, hr, ul, ol, legend, blockquote, dl {
  box-sizing: inherit;
  margin-left: 24px;
  margin-right: 24px;
  padding: 0;
}

pre {
  margin-left: 24px;
  margin-right: 24px;
  box-sizing: inherit;
  overflow: auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code {
  box-sizing: inherit;
  padding: 0 0px;
}

@media only screen and (min-width: 768px) {
  .container {
    width: 100%;
    margin: 64px 0;
  }
}
/* PAGE SPECIFIC LAYOUT */
ul.list-items a:link, ul.list-items a:visited {
  text-decoration: none;
  color: inherit;
}
ul.list-items a:link:hover, ul.list-items a:visited:hover {
  color: #E40000;
}
ul.list-items {
  margin: 0 1.5rem 0;
}
ul.list-items li {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  margin: 1.35rem 0 1.6rem;
  padding: 0px;
}
ul.list-items li a:link, ul.list-items li a:visited {
  color: black;
}

section.list-items a:link, section.list-items a:visited {
  text-decoration: none;
  color: inherit;
}
section.list-items a:link:hover, section.list-items a:visited:hover {
  color: #E40000;
}
section.list-items article {
  padding: 2rem 0 2rem;
  margin: 0 1.5rem 0;
  border-bottom: 2px solid #eee;
}
section.list-items article:last-child {
  border-bottom: none;
}
section.list-items article h3 {
  margin: 0 0 0;
}
section.list-items article h4 {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  margin: 0.85rem 0 0.75rem;
  text-transform: none;
  color: gray;
}
section.list-items article p {
  margin: 0 0 0;
}
section.list-items article small {
  display: block;
  margin: 0.75rem 0 0;
  text-transform: none;
  color: gray;
}

#newsletters .container:last-child {
  padding-bottom: 3.5rem;
}
#newsletters section ul {
  padding-left: 0px;
}
#newsletters section ul li {
  padding-left: 0px;
}

#project .wrapper, #blog-article .wrapper {
  padding-bottom: 2rem;
}

/* adding a margin at the end of the page before the footer */
#generic .container:last-child {
  padding-bottom: 3.5rem;
}

#talks h2 {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 450;
}
#newsletter-form {
  margin: 3rem 0 0rem;
}

#blog .categories-link a:link {
  text-decoration: none;
}
#blog .writings-articles-list {
  margin: 2rem 0 0rem;
}
#blog .writings-articles-list .list-data {
  display: block;
  margin: 2.5rem 0 0rem;
  border: none;
}
#blog .writings-articles-list .list-data .list-header {
  margin: 0rem 24px 0rem;
  border: none;
  padding: 0;
}
#blog .writings-articles-list .list-data hr {
  border: 0 none;
  height: 1px;
  opacity: 0.4;
  margin: 0.75rem 24px 0.75rem;
}
#blog .writings-articles-list .list-data p {
  margin: 0rem 24px 0rem;
}
#blog .writings-articles-list .list-data .list-content {
  margin: 2.5rem 0 0rem;
}
#blog .writings-articles-list .list-data .list-content .article-first {
  margin: 0rem 0 3rem;
}
#blog .writings-articles-list .list-data .list-content .article-first .article-title a:link {
  text-decoration: none;
}
#blog .writings-articles-list .list-data .list-content .article-first .article-subtitle {
  margin: 0.5rem 24px 1.25rem;
}
#blog .writings-articles-list .list-data .list-content .related {
  margin: 0rem 24px 1.25rem;
}
#blog .writings-articles-list .list-data .list-content .item-title {
  margin-left: 24px;
  margin-right: 24px;
}
#blog .writings-articles-list .list-data .list-content .item-title a:link {
  text-decoration: none;
}

#portfolio #portfolio-description {
  margin: 0rem 0rem 3rem;
}
#portfolio .projects-category {
  padding: 0.5rem 0rem 0.5rem;
}
#portfolio .projects-grid {
  box-sizing: border-box;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
#portfolio .projects-grid li {
  box-sizing: border-box;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 0px;
  margin-top: 8px;
  padding: 0px;
  flex: 0 calc(100% - 16px);
}
#portfolio .projects-grid li .project-poster {
  position: relative;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
#portfolio .projects-grid li .project-poster a:hover {
  opacity: 0.75;
}
#portfolio .projects-grid li .project-poster img {
  position: relative;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px #ddd;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #portfolio .projects-grid {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  #portfolio .projects-grid li {
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 4px;
    margin-top: 12px;
    padding: 0px;
    flex: 0 calc(33.33% - 24px);
  }
  #portfolio .projects-grid li .project-poster {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }
  #portfolio .projects-grid li .project-poster img {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }
}

#home {
  transition: background-color 0.25s;
}
#home .content {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
#home .content header {
  position: relative;
  z-index: 500;
}
#home .content .main-gallery {
  position: relative;
  z-index: 500;
}
#home .content .wrapper {
  position: relative;
  z-index: 500;
}
#home .content .wrapper .container {
  margin-top: 0rem;
}
#home .content footer {
  position: relative;
  z-index: 500;
  width: 100%;
}
#home .content .background {
  position: absolute;
  width: 100%;
  height: 1500px;
  z-index: 100;
  top: 0px;
  left: 0px;
  background-size: 1500px 1500px;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
}
#home .content .background.active {
  opacity: 1;
  transition: opacity 0.75s ease 0.75s;
}
#home .content .background {
  opacity: 0;
  transition: opacity 0.75s ease 0.75s;
}
#home .bio {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
#home .bio h1 {
  hyphens: none;
}
/* us page */
#us .us-bio p {
  hyphens: none;
}
#us .us-publications-grid {
  margin: 5rem 0 2rem;
}
#us .us-publications-grid h2 {
  margin: 0rem 24px 0.75rem;
}
#us .us-media-list {
  margin: 5rem 0 2rem;
}
#us .us-media-list h2 {
  margin: 0rem 24px 0.75rem;
}
#us .us-media-list .list-data:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  #us .us-media-list .list-data .list-header {
    flex: 0 25%;
    box-sizing: border-box;
    margin-right: 12px;
  }
}

#project .container {
  margin-top: 0px;
}
#project .container .image-fullwidth.banner {
  margin-top: 0px;
}

#blog-article h1 {
  hyphens: auto;
}

/* publications-grid */
.publications-grid {
  box-sizing: border-box;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.publications-grid article {
  box-sizing: border-box;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 0px;
  margin-top: 8px;
  padding: 0px;
  flex: 0 calc(33.33% - 16px);
}
@media only screen and (max-width: 550px) {
  .publications-grid article {
    flex: 0 calc(50% - 16px);
  }
}
.publications-grid article .publication-cover {
  position: relative;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
.publications-grid article .publication-cover a:hover {
  opacity: 0.75;
}
.publications-grid article .publication-cover img {
  position: relative;
  border: 1px solid silver;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .publications-grid {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .publications-grid article {
    box-sizing: border-box;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 4px;
    margin-top: 12px;
    padding: 0px;
    flex: 0 calc(25% - 24px);
  }
  .publications-grid article .publication-cover {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }
  .publications-grid article .publication-cover img {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
  }
}
.list-content .item {
  margin: 1rem 0 1.5rem;
}
.list-content .item .item-title {
  hyphens: none;
  font-weight: 450;
  margin-bottom: 0rem;
  line-height: 1.6;
}
.list-content .item .item-content {
  font-weight: 300;
  line-height: 1.6;
  margin-top: 0rem;
  hyphens: none;
}
@media only screen and (min-width: 768px) {
  .list-content .item {
    margin: 0.25rem 24px 0.25rem;
    padding: 0.5rem 0 0.5rem;
  }
  .list-content .item .item-title {
    margin: 0rem 0 0rem;
  }
  .list-content .item .item-content {
    margin: 0rem 0 0rem;
  }
}

/* home list-data */
.list-data {
  margin: 2rem 24px 2rem;
}
.list-data .list-header {
  border-bottom: 1px solid silver;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0.75rem;
}
.list-data .list-header a:link {
  text-decoration: none;
}
.list-data .list-content .item h4 {
  margin-left: 0px;
  margin-right: 0px;
}
.list-data .list-content .item p {
  margin-left: 0px;
  margin-right: 0px;
}
@media only screen and (min-width: 768px) {
  .list-data {
    display: flex;
    flex-flow: row;
    border-top: 1px solid silver;
    margin: 0rem 24px 0rem;
    padding: 1.5rem 0 1.5rem;
  }
  .list-data .list-header {
    margin: 0.5rem 0 0.75rem;
    flex: 0 60%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .list-data .list-content {
    flex: 1;
  }
  .list-data .list-content .item {
    margin: 0.25rem 0 0.25rem;
  }
}
.list-data:last-child {
  border-bottom: 1px solid silver;
}

#contactlist {
  margin: 1.75rem 24px 1.5rem;
}
#contactlist li {
  padding: 0px;
  margin: 1.25rem 0 1.25rem 0.25rem;
}
#contactlist li img {
  position: relative;
  top: 3px;
  left: 0px;
  width: 1.7rem;
  height: 1.1rem;
  padding-right: 0.75rem;
  padding-top: 1px;
}
#contactlist .obfuscated-email {
  display: inline;
}

/* home bilingual info */
.bilingual-block {
  margin: 1rem 24px 2rem;
}
.bilingual-block .bilingual-original {
  border-bottom: none;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 1rem;
}
.bilingual-block .bilingual-original p {
  margin-left: 0px;
  margin-right: 0px;
}
.bilingual-block .bilingual-translation {
  color: gray;
}
.bilingual-block .bilingual-translation p {
  margin-left: 0px;
  margin-right: 0px;
}
.bilingual-block .bilingual-translation p a:link, .bilingual-block .bilingual-translation p a:visited {
  color: gray;
}
.bilingual-block .bilingual-translation p a:link:hover, .bilingual-block .bilingual-translation p a:visited:hover {
  color: gray;
}
@media only screen and (min-width: 768px) {
  .bilingual-block {
    display: flex;
    flex-flow: row;
    margin: 0rem 24px 0rem;
    padding: 1rem 0 1.5rem;
  }
  .bilingual-block .bilingual-original {
    margin: 0.5rem 0 0.75rem;
    flex: 0 64%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .bilingual-block .bilingual-original p {
    margin-left: 0;
    margin-right: 0;
  }
  .bilingual-block .bilingual-original p:first-child {
    margin-top: 0rem;
  }
  .bilingual-block .bilingual-translation {
    margin: 0.5rem 0 0.75rem;
    flex: 1;
  }
  .bilingual-block .bilingual-translation p {
    margin-right: 0;
    margin-left: 1.5rem;
  }
  .bilingual-block .bilingual-translation p:first-child {
    margin-top: 0.45rem;
  }
}

#proyectos .bilingual-block {
  padding-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  #proyectos .bilingual-block {
    padding-bottom: 0px;
  }
}

/* HEADER  & FOOTER */
header {
  border-bottom: none;
}
header .header-wrapper {
  height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  header .header-wrapper {
    height: 1.5rem;
  }
}
header .header-wrapper .header-container {
  height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  header .header-wrapper .header-container {
    height: 1.5rem;
  }
}

footer {
  border-top: none;
}
footer .footer-wrapper {
  height: 4.5rem;
}
@media only screen and (min-width: 768px) {
  footer .footer-wrapper {
    height: 4.5rem;
  }
}
footer .footer-wrapper .footer-container {
  height: 4.5rem;
}
@media only screen and (min-width: 768px) {
  footer .footer-wrapper .footer-container {
    height: 4.5rem;
  }
}

header, footer {
  background-color: white;
  box-sizing: border-box;
}
header .header-wrapper, header .footer-wrapper, footer .header-wrapper, footer .footer-wrapper {
  max-width: 912px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
header .header-wrapper .header-container, header .header-wrapper .footer-container, header .footer-wrapper .header-container, header .footer-wrapper .footer-container, footer .header-wrapper .header-container, footer .header-wrapper .footer-container, footer .footer-wrapper .header-container, footer .footer-wrapper .footer-container {
  margin: 0rem 1.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
header .header-wrapper .header-container .headerLogo, header .header-wrapper .header-container .copyleftNotice, header .header-wrapper .footer-container .headerLogo, header .header-wrapper .footer-container .copyleftNotice, header .footer-wrapper .header-container .headerLogo, header .footer-wrapper .header-container .copyleftNotice, header .footer-wrapper .footer-container .headerLogo, header .footer-wrapper .footer-container .copyleftNotice, footer .header-wrapper .header-container .headerLogo, footer .header-wrapper .header-container .copyleftNotice, footer .header-wrapper .footer-container .headerLogo, footer .header-wrapper .footer-container .copyleftNotice, footer .footer-wrapper .header-container .headerLogo, footer .footer-wrapper .header-container .copyleftNotice, footer .footer-wrapper .footer-container .headerLogo, footer .footer-wrapper .footer-container .copyleftNotice {
  box-sizing: border-box;
  font-family: "IBM Plex Serif", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  display: block;
  flex: 1;
}
header .header-wrapper .header-container .headerLogo:link, header .header-wrapper .header-container .headerLogo:visited, header .header-wrapper .header-container .copyleftNotice:link, header .header-wrapper .header-container .copyleftNotice:visited, header .header-wrapper .footer-container .headerLogo:link, header .header-wrapper .footer-container .headerLogo:visited, header .header-wrapper .footer-container .copyleftNotice:link, header .header-wrapper .footer-container .copyleftNotice:visited, header .footer-wrapper .header-container .headerLogo:link, header .footer-wrapper .header-container .headerLogo:visited, header .footer-wrapper .header-container .copyleftNotice:link, header .footer-wrapper .header-container .copyleftNotice:visited, header .footer-wrapper .footer-container .headerLogo:link, header .footer-wrapper .footer-container .headerLogo:visited, header .footer-wrapper .footer-container .copyleftNotice:link, header .footer-wrapper .footer-container .copyleftNotice:visited, footer .header-wrapper .header-container .headerLogo:link, footer .header-wrapper .header-container .headerLogo:visited, footer .header-wrapper .header-container .copyleftNotice:link, footer .header-wrapper .header-container .copyleftNotice:visited, footer .header-wrapper .footer-container .headerLogo:link, footer .header-wrapper .footer-container .headerLogo:visited, footer .header-wrapper .footer-container .copyleftNotice:link, footer .header-wrapper .footer-container .copyleftNotice:visited, footer .footer-wrapper .header-container .headerLogo:link, footer .footer-wrapper .header-container .headerLogo:visited, footer .footer-wrapper .header-container .copyleftNotice:link, footer .footer-wrapper .header-container .copyleftNotice:visited, footer .footer-wrapper .footer-container .headerLogo:link, footer .footer-wrapper .footer-container .headerLogo:visited, footer .footer-wrapper .footer-container .copyleftNotice:link, footer .footer-wrapper .footer-container .copyleftNotice:visited {
  color: black;
  text-decoration: none;
}
header .header-wrapper .header-container .headerLogo:hover, header .header-wrapper .header-container .copyleftNotice:hover, header .header-wrapper .footer-container .headerLogo:hover, header .header-wrapper .footer-container .copyleftNotice:hover, header .footer-wrapper .header-container .headerLogo:hover, header .footer-wrapper .header-container .copyleftNotice:hover, header .footer-wrapper .footer-container .headerLogo:hover, header .footer-wrapper .footer-container .copyleftNotice:hover, footer .header-wrapper .header-container .headerLogo:hover, footer .header-wrapper .header-container .copyleftNotice:hover, footer .header-wrapper .footer-container .headerLogo:hover, footer .header-wrapper .footer-container .copyleftNotice:hover, footer .footer-wrapper .header-container .headerLogo:hover, footer .footer-wrapper .header-container .copyleftNotice:hover, footer .footer-wrapper .footer-container .headerLogo:hover, footer .footer-wrapper .footer-container .copyleftNotice:hover {
  color: #E40000;
}
header .header-wrapper .header-container nav, header .header-wrapper .footer-container nav, header .footer-wrapper .header-container nav, header .footer-wrapper .footer-container nav, footer .header-wrapper .header-container nav, footer .header-wrapper .footer-container nav, footer .footer-wrapper .header-container nav, footer .footer-wrapper .footer-container nav {
  box-sizing: border-box;
}
header .header-wrapper .header-container nav ul, header .header-wrapper .footer-container nav ul, header .footer-wrapper .header-container nav ul, header .footer-wrapper .footer-container nav ul, footer .header-wrapper .header-container nav ul, footer .header-wrapper .footer-container nav ul, footer .footer-wrapper .header-container nav ul, footer .footer-wrapper .footer-container nav ul {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  font-family: "IBM Plex Serif", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}
header .header-wrapper .header-container nav ul li, header .header-wrapper .footer-container nav ul li, header .footer-wrapper .header-container nav ul li, header .footer-wrapper .footer-container nav ul li, footer .header-wrapper .header-container nav ul li, footer .header-wrapper .footer-container nav ul li, footer .footer-wrapper .header-container nav ul li, footer .footer-wrapper .footer-container nav ul li {
  text-align: right;
  display: inline;
  padding: 0px;
  padding-left: 1.15rem;
}
header .header-wrapper .header-container nav ul li a:link, header .header-wrapper .header-container nav ul li a:visited, header .header-wrapper .footer-container nav ul li a:link, header .header-wrapper .footer-container nav ul li a:visited, header .footer-wrapper .header-container nav ul li a:link, header .footer-wrapper .header-container nav ul li a:visited, header .footer-wrapper .footer-container nav ul li a:link, header .footer-wrapper .footer-container nav ul li a:visited, footer .header-wrapper .header-container nav ul li a:link, footer .header-wrapper .header-container nav ul li a:visited, footer .header-wrapper .footer-container nav ul li a:link, footer .header-wrapper .footer-container nav ul li a:visited, footer .footer-wrapper .header-container nav ul li a:link, footer .footer-wrapper .header-container nav ul li a:visited, footer .footer-wrapper .footer-container nav ul li a:link, footer .footer-wrapper .footer-container nav ul li a:visited {
  color: black;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  header .header-wrapper .header-container nav ul li, header .header-wrapper .footer-container nav ul li, header .footer-wrapper .header-container nav ul li, header .footer-wrapper .footer-container nav ul li, footer .header-wrapper .header-container nav ul li, footer .header-wrapper .footer-container nav ul li, footer .footer-wrapper .header-container nav ul li, footer .footer-wrapper .footer-container nav ul li {
    padding-left: 2.25rem;
  }
}
@media only screen and (min-width: 451px) and (max-width: 580px) {
  header .hidden-md, footer .hidden-md {
    display: none;
  }
}
header, footer {
  /* specific styles for phone */
}
@media only screen and (max-width: 450px) {
  header .header-wrapper .header-container .headerLogo, footer .header-wrapper .header-container .headerLogo {
    width: 18px;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    background-color: black;
    mask-image: url("../img/icon-logo.png");
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100%;
    margin-left: 0px;
    display: inline-block;
    flex: 0 18px;
  }
  header .header-wrapper .header-container .headerLogo:hover, footer .header-wrapper .header-container .headerLogo:hover {
    background-color: red;
  }
  header .header-wrapper .header-container nav, footer .header-wrapper .header-container nav {
    flex: 1;
  }
  header .header-wrapper .header-container nav ul, footer .header-wrapper .header-container nav ul {
    text-align: right;
  }
  header .header-wrapper .header-container nav ul li, footer .header-wrapper .header-container nav ul li {
    padding-left: 10px;
    padding-right: 0px;
  }
  header .header-wrapper .header-container nav ul li:first-child, footer .header-wrapper .header-container nav ul li:first-child {
    padding-left: 5px;
  }
  header .footer-wrapper, footer .footer-wrapper {
    margin-top: 4rem;
    margin-bottom: 0.5rem;
  }
  header .footer-wrapper .copyleftNotice, footer .footer-wrapper .copyleftNotice {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
  }
  header .footer-wrapper .footer-container, footer .footer-wrapper .footer-container {
    flex-direction: column-reverse;
  }
  header .footer-wrapper .footer-container nav, footer .footer-wrapper .footer-container nav {
    margin-bottom: 1rem;
  }
  header .footer-wrapper .footer-container nav ul, footer .footer-wrapper .footer-container nav ul {
    width: calc(100vw - 48px);
    display: flex;
    flex-direction: row;
  }
  header .footer-wrapper .footer-container nav ul li, footer .footer-wrapper .footer-container nav ul li {
    flex: 1;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* this code to remove custon styling in buttons and fields */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#mc_embed_signup label {
  display: none;
}
#mc_embed_signup .subscribe-title {
  margin: 4rem 1.5rem 0rem;
}
#mc_embed_signup .form-fields {
  margin: 2rem 1.5rem 2rem;
  display: flex;
  flex-flow: column;
  position: relative;
}
#mc_embed_signup .form-fields input {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  font-size: 1.25rem;
  box-sizing: border-box;
}
#mc_embed_signup .form-fields div.mce_inline_error {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  font-size: 1rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  color: #B14040;
  border-radius: 5px;
  margin: 0px;
  top: -58px;
  position: absolute;
}
#mc_embed_signup .form-fields input.email {
  margin-bottom: 0.5rem;
  font-weight: 300;
  border: 1px solid rgba(147, 128, 108, 0.35);
  padding: 0.5em 0.5em;
}
#mc_embed_signup .form-fields input.button {
  border: 1px solid #7A9C55;
  background-color: #9CC46F;
  font-weight: 400;
  color: white;
  padding: 0.5em 0.5em;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
#mc_embed_signup .form-fields input.button:hover {
  transition: background-color 0.25s ease;
  background-color: #7A9C55;
}
#mc_embed_signup .form-fields .email-field, #mc_embed_signup .form-fields .button-field {
  flex: 0 100%;
}
#mc_embed_signup #mce-responses {
  position: relative;
  height: 60px;
}
#mc_embed_signup #mce-responses .hidden-msg {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#mc_embed_signup #mce-responses .visible-msg {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#mc_embed_signup #mce-responses {
  display: block;
  line-height: 1.6;
  margin: 2rem 1.5rem 2rem;
  font-size: 1rem;
}
#mc_embed_signup #mce-responses #mce-error-response {
  color: #B14040;
  position: absolute;
}
#mc_embed_signup #mce-responses #mce-error-response a:link, #mc_embed_signup #mce-responses #mce-error-response a:active, #mc_embed_signup #mce-responses #mce-error-response a:visited {
  color: #B14040;
}
#mc_embed_signup #mce-responses #mce-success-response {
  color: #7A9C55;
  position: absolute;
}
#mc_embed_signup #mce-responses #mce-normal-response {
  color: black;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #mc_embed_signup #mce-responses {
    font-size: 1.2rem;
  }
  #mc_embed_signup .form-fields {
    flex-flow: row;
  }
  #mc_embed_signup .form-fields .email-field {
    flex: 1 50%;
  }
  #mc_embed_signup .form-fields .email-field input {
    margin-bottom: 0rem;
    padding: 0.75em 0.75em 0.75em 2em;
    border-right: 0;
  }
  #mc_embed_signup .form-fields .button-field {
    flex: 1 120px;
  }
  #mc_embed_signup .form-fields .button-field input {
    margin-bottom: 0rem;
    padding: 0.75em 0.75em;
  }
}

/* IMAGES */
/* basic styles and cropping gravity */
img {
  max-width: 100%;
  border-style: none;
}
img.north_west {
  object-position: left top;
}
img.north {
  object-position: center top;
}
img.north_east {
  object-position: right top;
}
img.west {
  object-position: left center;
}
img.center {
  object-position: center center;
}
img.east {
  object-position: right center;
}
img.south_west {
  object-position: left bottom;
}
img.south {
  object-position: center bottom;
}
img.south_east {
  object-position: right bottom;
}

/* basic styles for cropping ratio, they are only relevant in development mode in local*/
.ratio_sm_view-no {
  visibility: visible;
  display: none;
}
@media only screen and (min-width: 768px) {
  .ratio_sm_view-no {
    display: none;
  }
}

.ratio_lg_view-no {
  visibility: visible;
  display: none;
}
@media only screen and (min-width: 768px) {
  .ratio_lg_view-no {
    display: none;
  }
}

.ratio_sm_view-yes {
  visibility: visible;
  display: block;
}
@media only screen and (min-width: 768px) {
  .ratio_sm_view-yes {
    display: none;
  }
}

.ratio_lg_view-yes {
  visibility: visible;
  display: none;
}
@media only screen and (min-width: 768px) {
  .ratio_lg_view-yes {
    display: block;
  }
}

/* grid settings for both development and production modes */
.grid-1x1 .image-fit {
  width: calc(100% - 8px);
}

@media only screen and (min-width: 768px) {
  .grid-1x1-lan .image-fit {
    width: calc(100% - 8px);
  }
}

@media only screen and (min-width: 768px) {
  .grid-2x1-lan .image-fit {
    width: calc(50% - 8px);
  }
}

@media only screen and (min-width: 768px) {
  .grid-2x2-lan .image-fit {
    width: calc(50% - 8px);
  }
}

@media only screen and (min-width: 768px) {
  .grid-3x1-lan .image-fit {
    width: calc(33.3333333333% - 8px);
  }
}

@media only screen and (min-width: 768px) {
  .grid-3x2-lan .image-fit {
    width: calc(33.3333333333% - 8px);
  }
}

@media only screen and (max-width: 767px) {
  .grid-1x1-por .image-fit {
    width: calc(100% - 8px);
  }
}

@media only screen and (max-width: 767px) {
  .grid-1x2-por .image-fit {
    width: calc(100% - 8px);
  }
}

@media only screen and (max-width: 767px) {
  .grid-1x3-por .image-fit {
    width: calc(100% - 8px);
  }
}

@media only screen and (max-width: 767px) {
  .grid-2x3-por .image-fit {
    width: calc(50% - 8px);
  }
}

.video {
  margin-left: 24px;
  margin-right: 24px;
}

.image-big, .map-big, .video-big {
  margin-left: 8px;
  margin-right: 8px;
}

.image-fullwidth, .map-fullwidth, .video-fullwidth {
  margin-left: 0px;
  margin-right: 0px;
  width: 100vw;
  overflow: hidden;
}
.image-fullwidth .image-grid, .map-fullwidth .image-grid, .video-fullwidth .image-grid {
  width: calc(100vw + 2 * 8px);
  margin-left: -8px;
}

@media only screen and (max-width: 1050px) and (min-width: 768px) {
  .image-big, .map-big, .video-big {
    position: relative;
    left: calc(-50vw + 50%);
    width: calc(100vw - 24px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .image-big img, .map-big img, .video-big img {
    width: 100%;
  }
}
@media only screen and (min-width: 1050px) {
  .image-big, .map-big, .video-big {
    position: relative;
    left: calc(-525px + 50%);
    width: 1026px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .image-big img, .map-big img, .video-big img {
    width: 1026px;
  }
}
@media only screen and (min-width: 768px) {
  .image-fullwidth, .map-fullwidth, .video-fullwidth {
    position: relative;
    left: calc(-50vw + 50%);
    width: 100vw;
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
  }
  .image-fullwidth .image-grid, .map-fullwidth .image-grid, .video-fullwidth .image-grid {
    width: calc(100vw + 2 * 8px);
    margin-left: -8px;
  }
  .image-fullwidth img, .map-fullwidth img, .video-fullwidth img {
    width: 100%;
  }
}
/* VIDEO & EMBED CONTENT ASSUMING ALWAYS 16:9 RATIO */
.videoWrapper, .sketchfab-embed-wrapper {
  box-sizing: inherit;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe, .sketchfab-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* images with the image.html include in PRODUCTION mode */
figure.cloudinary.image, figure.cloudinary.image-big {
  margin-left: 20px;
  margin-right: 20px;
}
figure.cloudinary .image-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
figure.cloudinary .image-grid .image-fit {
  flex: 0 0 auto;
  margin: 4px;
}
figure.cloudinary .image-grid .image-fit .image-fit-img {
  position: relative;
  width: 100%;
}

/* images with the image.html include in DEVELOPMENT mode */
/* https://auralinna.blog/post/2018/crop-and-resize-images-with-css */
figure.development {
  margin-left: 20px;
  margin-right: 20px;
}
figure.development .image-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
figure.development .image-grid .image-fit {
  flex: 0 0 auto;
  margin: 4px;
  position: relative;
}
figure.development .image-grid .image-fit .image-fit-placeholder {
  visibility: hidden;
  width: 100%;
}
figure.development .image-grid .image-fit .image-fit-img {
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}

/* BANNER IN 02-portfolio-project layout */
figure {
  overflow: visible;
}
figure .banner-project {
  width: 100%;
  height: 56.25vw;
  background-color: white;
  display: block;
  position: relative;
  overflow: visible;
}
figure .banner-project .poster {
  width: 28.125%;
  height: 75%;
  position: absolute;
  box-shadow: 0px 0px 2px #bbb;
  right: 1.5rem;
  bottom: -110px;
  z-index: 1000;
}
figure .banner-project .poster img {
  width: 100%;
  height: 100%;
}
figure .banner-project .background {
  width: 100%;
}
figure .banner-project .background img {
  width: 100%;
}
figure .title {
  width: 65vw;
}
figure .title h1 {
  margin-right: 0.75rem;
}
figure .title aside {
  margin-right: 0.75rem;
}
@media only screen and (min-width: 768px) {
  figure .banner-project {
    width: 100%;
    height: inherit;
    display: flex;
  }
  figure .banner-project .background {
    flex: 0 72.7272727273%;
    margin: 0px;
    padding: 0px;
    position: relative;
  }
  figure .banner-project .background img {
    width: 100%;
    height: 100%;
  }
  figure .banner-project .background .gradient {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    height: 100%;
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 30%, rgb(0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 30%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  }
  figure .banner-project .poster {
    box-sizing: border-box;
    width: auto;
    left: 0px;
    bottom: 0px;
    position: relative;
    padding: 1.5rem;
    flex: 0 28.0303030303%;
    height: inherit;
    box-shadow: none;
    background-color: black;
    margin: 0px;
  }
  figure .title {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 912px;
  }
  figure .title h1 {
    margin: 0px;
    padding: 0px;
    margin-left: 1.5rem;
  }
  figure .title aside {
    margin: 0px;
    padding: 0px;
    margin-left: 1.5rem;
  }
}

.is-selected {
  margin-left: auto;
  margin-right: auto;
}

#home .flickity-prev-next-button {
  display: none;
}

@media only screen and (min-width: 1057px) {
  #home .flickity-prev-next-button {
    display: none;
    width: calc((100% - 900px - 24px * 4) / 2);
    height: calc(900px * 0.4285);
    background: transparent;
    overflow: hidden;
  }
  #home .flickity-prev-next-button svg {
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
  }
  #home .flickity-prev-next-button.previous {
    left: 0px;
  }
  #home .flickity-prev-next-button.next {
    right: 0px;
  }
}
.banner.gallery-cell {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: border 0.8s;
  transition: box-shadow 0.8s;
}
.banner.gallery-cell img {
  opacity: 0;
  transition: opacity 0.8s;
}
.banner.gallery-cell.is-selected img {
  opacity: 1;
}

.main-gallery ol li {
  padding-left: 0px;
}
.main-gallery ol li:before {
  content: none;
}
.main-gallery .banner.gallery-cell {
  margin-top: 3px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.main-gallery .banner.gallery-cell img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .main-gallery .banner.gallery-cell {
    width: calc(100vw - 24px * 2);
    height: calc((100vw - 24px * 2) * 1);
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .main-gallery .banner.gallery-cell {
    position: relative;
    left: calc(-50vw + 50%);
    width: calc(85vw - 24px * 2);
    height: calc((85vw - 24px * 2) * 0.4285);
  }
}
@media only screen and (max-width: 948px) and (min-width: 768px) {
  .main-gallery .banner.gallery-cell {
    position: relative;
    left: calc(-50vw + 50%);
    width: calc(100vw - 48px);
    height: calc((100vw - 24px * 2) * 0.4285);
  }
  .main-gallery .banner.gallery-cell img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 949px) {
  .main-gallery .banner.gallery-cell {
    position: relative;
    left: inherit;
    width: 900px;
    height: calc(900px * 0.4285);
  }
  .main-gallery .banner.gallery-cell img {
    width: 900px;
  }
}

#chart.loading {
  background-image: url("../img/icon-puff.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
}
@media only screen and (max-width: 911px) {
  #chart {
    max-width: 100vw;
    width: 100vw;
    height: 100vw;
  }
}
@media only screen and (min-width: 912px) {
  #chart {
    max-width: 912px;
    width: 912px;
    height: 912px;
  }
}
#chart {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#chart svg.hidden {
  opacity: 0;
  transition: opacity 0.25s;
}
#chart svg.visible {
  opacity: 1;
  transition: opacity 0.25s;
}
#chart.visualization {
  margin-top: 2rem;
}
@media only screen and (max-width: 550px) {
  #chart text {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s;
  }
}
@media only screen and (min-width: 551px) and (max-width: 767px) {
  #chart text {
    font-size: 11px;
    opacity: 1;
    transition: opacity 0.25s;
  }
}
@media only screen and (min-width: 768px) {
  #chart text {
    font-size: 12px;
    opacity: 1;
    transition: opacity 0.25s;
  }
}
#chart rect.active {
  transition: opacity 0.25s;
  opacity: 1;
}
#chart rect.inactive {
  transition: opacity 0.25s;
  opacity: 0.5;
}
#chart rect:hover {
  cursor: pointer;
}

.visualization-caption {
  margin-top: 0rem;
}

.tooltip_spiral {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif;
  font-weight: 450;
  font-size: 16px;
  line-height: 19px;
  width: 22%;
  height: 22%;
  margin-left: -11%;
  margin-top: -11%;
  text-align: center;
}
.tooltip_spiral .content {
  min-width: inherit;
  display: table;
  width: 100%;
  height: 100%;
}
.tooltip_spiral .content.hidden {
  opacity: 0;
  transition: opacity 0.25s;
}
.tooltip_spiral .content.visible {
  opacity: 1;
  transition: opacity 0.25s;
}
.tooltip_spiral .content .wrapper {
  min-width: inherit;
  display: table-cell;
  vertical-align: middle;
  margin-top: -10px;
  padding: 2px;
}
.tooltip_spiral .content .wrapper:link {
  text-decoration: none;
}
.tooltip_spiral .content .wrapper .title {
  /* limit to 3 rows of text */
  max-height: 57px;
  overflow: hidden;
  hyphens: auto;
  /* limit to 3 rows of text */
}
.tooltip_spiral .content .wrapper .date {
  font-family: "IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 22px;
  margin-top: 0px;
}

@media only screen and (min-width: 768px) {
  .tooltip_spiral {
    position: absolute;
    font-size: 19px;
    line-height: 22px;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin-left: -80px;
    margin-top: -80px;
    hyphens: none;
  }
  .tooltip_spiral .content .wrapper .title {
    max-height: none;
    overflow: auto;
  }
  .tooltip_spiral .content .wrapper .date {
    font-size: 16px;
    line-height: 22px;
    margin-top: 2px;
  }
}
/* MAPS */
#map .mapboxgl-ctrl-logo {
  display: none !important;
}
#map {
  position: relative;
  left: calc(-50vw + 50%);
  width: calc(100vw - 24px);
  margin-left: 12px;
  margin-right: 12px;
  height: calc((100vw - 24px) * 0.5625);
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #map {
    height: calc((100vw - 24px) * 1.333);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #map {
    height: calc((100vw - 24px) * 0.5625);
  }
}
@media only screen and (min-width: 1050px) {
  #map {
    position: relative;
    left: calc(-513px + 50%);
    margin-left: 0px;
    margin-right: 0px;
    width: 1026px;
    height: 577.125px;
  }
}

.mapboxgl-popup {
  max-width: 400px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-bottom {
  top: -10px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup.mapboxgl-popup-anchor-top {
  top: 10px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup.mapboxgl-popup-anchor-left {
  left: 10px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup.mapboxgl-popup-anchor-right {
  left: -10px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
  color: rgb(255, 255, 255);
}
.mapboxgl-popup .mapboxgl-popup-content {
  padding: 10px 20px 12px;
  background: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255);
  font-weight: normal;
  text-align: center;
}
.mapboxgl-popup .mapboxgl-popup-content .title {
  font-family: "IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.mapboxgl-popup .mapboxgl-popup-content .subtitle {
  font-family: "IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .map .leaflet-popup-content-wrapper .title {
    font-size: 16px;
    line-height: 20px;
  }
  .map .leaflet-popup-content-wrapper .subtitle {
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px;
  }
}

.map .leaflet-popup-tip-container {
  width: 26px;
  height: 13px;
}

.map .leaflet-popup-tip {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid rgba(0, 0, 0, 0.6);
}

.mapboxgl-ctrl-bottom-left {
  display: none;
}

.leaflet-control-attribution {
  display: none;
}

/*# sourceMappingURL=theme.css.map */