@font-face {
    font-family: 'Eras Light ITC';
    src: url('/eras-light-itc/ErasLightITC.ttf');
}

@font-face {
    font-family: 'Corbel Light';
    src: url('/corbel-light-maisfontes.7f3b/corbel-light.ttf');
}



:root {
    --font_1: 'Corbel Light', sans-serif;
    /* --font_2: ; */
    --basic_unit: 0.5vw;
    --breakpoint_unit: 1;
    --flexible_basic_unit: var(--basic_unit);
}

body {
    font-family: var(--font_1);
}

.nav2__ul li a {
    font-weight: 600;
}

strong,
b {
    font-weight: 700; 
}



h1 {
    font-size: calc(var(--breakpoint_unit) * calc(26*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(34*var(--basic_unit)));
    font-weight: 700;
}

h2 {
    font-size: calc(var(--breakpoint_unit) * calc(18*var(--basic_unit))); 
    line-height: calc(var(--breakpoint_unit) * calc(22*var(--basic_unit)));  
    font-weight: 700;
}

h3 /* pro podnadpisy -  */ {
    font-size: calc(var(--breakpoint_unit) * calc(11.4*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(15*var(--basic_unit)));
}

h4 /* pro nadpisy v boxech, ktere se zmensuji - clanky, co-nabizime */ {
    font-size: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit))); 
    line-height: calc(var(--breakpoint_unit) * calc(13*var(--basic_unit)));  
}

h5 /* pro ??  */ {
    font-size: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(13*var(--basic_unit))); 
}


p, li, td {
    font-size: calc(var(--breakpoint_unit) * calc(8.4*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(13*var(--basic_unit)));
}

td {
    line-height: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
}

.btn {
    font-size: calc(var(--breakpoint_unit) * calc(8*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(12.5*var(--basic_unit)));
}

.slider-text p:last-child {
    font-size: calc(var(--breakpoint_unit) * calc(6.6*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(9*var(--basic_unit)));
}

figcaption,
footer {
    font-size: calc(var(--breakpoint_unit) * calc(7.6*var(--basic_unit)));
    line-height: calc(var(--breakpoint_unit) * calc(10*var(--basic_unit)));
}


@media (min-width: 550px) {
    :root {
        --breakpoint_unit: 0.87;
    }

    td {
        font-size: calc(var(--breakpoint_unit) * calc(8*var(--basic_unit)));
        line-height: calc(var(--breakpoint_unit) * calc(9.5*var(--basic_unit)));
    }
 }

 @media (min-width: 650px) {
    :root {
        --breakpoint_unit: 0.77;
    }

    td {
        font-size: calc(var(--breakpoint_unit) * calc(7.6*var(--basic_unit)));
        line-height: calc(var(--breakpoint_unit) * calc(9*var(--basic_unit)));
    }
}

 @media (min-width: 780px) {
    :root {
        --breakpoint_unit: 0.7;
    }
}

 @media (min-width: 950px) {
    
    /* STANOVENI FIXNI JEDNOTKY */
    :root {
        --breakpoint_unit: 0.55;
        --basic_unit: 4.75px;
        --flexible_basic_unit: 0.5%;
    }

    p, li {
        font-size: 21px;
        line-height: 33px;
    }

    .tlacitko {
        font-size: 21px;
        line-height: 33px;
    } 
}


@media (min-width: 1170px) {

}


@media (min-width: 1980px) {
    :root {
        --flexible_basic_unit: 8.3px;
    }
}