@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat-Regular-d2bb5179b57e9422b84b0002d7d78195.woff2") format('woff2'),
        url("../../fonts/Montserrat-Regular-ad4a585bda8bf14623569a42e1e4c49e.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat-SemiBold-37c731041e5217d9318781dcfab6947e.ttf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat-Bold-23d9fa50d921b5e1935cb43e1b1f71c4.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mitr';
    src: url("../../fonts/Mitr-1fe91264a1805ac7f8eeace1d0426eb0.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mitr SemiBold';
    src: url("../../fonts/Mitr-SemiBold-cd2970f89d84c1f99974493171281f39.ttf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mitr Bold';
    src: url("../../fonts/Mitr-Bold-67b917d1b6cca0ca403bb375fbade31b.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pacifico';
    src: url("../../fonts/Pacifico-f6ccd77245685eb7bc5fc983ff0b7738.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}  

.montserrat-text {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.mitr-text {
    font-family: "Mitr", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.pacifico-text {
    font-family: "Pacifico", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3 {
    font-size: var(--h1-size);
    font-weight: var(--h1-weight);
    line-height: var(--h1-line-height);
    font-family: "Mitr", sans-serif;
}

h1:first-child,
h2:first-child,
h3:first-child,
p:first-child {
    margin-top: 0;
}

h2 {
    font-size: var(--h2-size);
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
}

h3 {
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    line-height: var(--h3-line-height);
}

.p-s {
    font-size: var(--p-s-size);
}

.p-m {
    font-size: var(--p-m-size);
    font-weight: var(--p-m-weight);
}

.p-l {
    font-size: var(--p-l-size);
    line-height: var(--p-l-height);
}

p:empty {
    display: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.underlined-link {
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-decoration: underline;
}

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

.underlined {
    text-decoration: underline;
}

h1 a:visited,
h2 a:visited,
h3 a:visited {
    color: var(--blue);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong {
    overflow-wrap: break-word;
}

li {
    list-style-type: none;
}

/* FF - Roboto */

@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Thin-c1b89606584e781079cf90e492dbd1cb.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-ThinItalic-7b5911103e5cd7bf8273d4de60c91982.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-ExtraLight-5931127602568be418e14ddb4bb86a5c.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-ExtraLightItalic-d91da07eff5c7ebccc527da906a4bdda.ttf") format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Light-8eea736a3ca943ed0d71f153baa5d02b.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-LightItalic-475e004ff22589807c344ccdf84763df.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Regular-1d440ca633514ca2ae6008300e99fe8d.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Italic-a2e874fda025ec5bdd98d112a0943375.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Medium-cb5f9339a144ccea8f44d9cd7ec672b0.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-MediumItalic-b636a48020ac44c1f03a8b5b19ec643f.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-SemiBold-91c8049284b1aae1f6d551ff34835404.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-SemiBoldItalic-2c5310bcf4d65d960ed79e5814e83b6a.ttf") format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Bold-e27b9b7aa3056e6cb1cfe7b990774c32.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-BoldItalic-59dae4b7e21e8e7613067488724d96ef.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-ExtraBold-147a0aa8d3a6c7c9243b3aa707be2f02.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-ExtraBoldItalic-7068ce8c4fcb877a9bb02b590950a0ff.ttf") format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-Black-90c8568278ed8403d8297993bb626053.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url("../../fonts/Roboto-BlackItalic-305a2ebc0cfb2a7bf8c221135facc79b.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}