@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-100.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:100;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-100italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-200.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:200;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-200italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-300.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:300;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-300italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-regular.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-500.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-500italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-600.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-600italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-700.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-700italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-800.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:800;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-800italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-900.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Poppins;font-style:italic;font-weight:900;font-display:fallback;src:url('fonts/Poppins/poppins-v23-latin_latin-ext-900italic.woff2') format('woff2');font-stretch:normal;}


:root {
    --color-white: rgb(255,255,255);
    --color-light: rgb(234,233,224);
    --color-dark: rgb(53,54,53);
    --color-grey: hsl(0deg,0,0.5);
    --color-main: #4FBB82;
    --color-link: #4FBB82;
    --color-header: #1A1A1A;
    --color-text: #1A1A1A;
    --font-size-base:16;
}

body {padding:0;margin: 0; font-family: 'Poppins',sans-serif; font-size: calc(var(--font-size-base) * 1px)}
#page { max-width:960px; margin:auto; padding:5em }
.p,p,li {
    margin: 0 0 0.75em 0;
    font-size: clamp(1em,calc(1em + (var(--font-size-base) * (1.25 - 1)) * ((100vw - 480px) / (1600 - 480))),1.25em);
    line-height: 1.55em;
    font-weight: normal;
    color: var(--color-text)
}

.smaller { --font-size-base:10; font-size: calc(var(--font-size-base) * 1px)}
.s {font-size: 0.8em; line-height: 1.4em}
.color { color:var(--color-main) }
.color-grey { color:var(--color-grey) }
.capitels{text-transform: uppercase;}

a {
    color: var(--color-text);
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-decoration-color: var(--color-link);
    -webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,text-decoration-color 0.5s ease-in-out,text-decoration-thickness 0.5s ease-in-out;
    -moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,text-decoration-color 0.5s ease-in-out,text-decoration-thickness 0.5s ease-in-out;
    -ms-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,text-decoration-color 0.5s ease-in-out,text-decoration-thickness 0.5s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,text-decoration-color 0.5s ease-in-out,text-decoration-thickness 0.5s ease-in-out;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out,text-decoration-color 0.5s ease-in-out,text-decoration-thickness 0.5s ease-in-out
}

a:hover {
    text-decoration-color: color-mix(in srgb, var(--color-link) 80%, black 20%);
    text-decoration-thickness: 0.1em;
}

.h1,h1 {
    color: var(--color-header);
    font-size: clamp(2em,calc(2em + (var(--font-size-base) * (2.5 - 2)) * ((100vw - 480px) / (1600 - 480))),2.5em);
    line-height: 1.25em;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0.5em
}

.h2,h2 {
    color: var(--color-header);
    font-size: clamp(1.75em,calc(1.75em + (var(--font-size-base) * (2 - 1.75)) * ((100vw - 480px) / (1600 - 480))),2em);
    line-height: 1.35em;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0.5em
}

.h3,h3 {
    color: var(--color-header);
    font-size: clamp(1.25em,calc(1.25em + (var(--font-size-base) * (1.75 - 1.25)) * ((100vw - 480px) / (1600 - 480))),1.75em);
    line-height: 1.4em;
    font-weight: 500;
    font-style: normal;
    margin: 0;
    margin-bottom: 0.5em
}

.h4,h4 {
    color: var(--color-header);
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    margin-bottom: 0.5em
}