@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root{
    --font_1:2.869rem;
    --stepFont_1:0.22rem;
    --font_2:2.094rem;
    --stepFont_2:0.22rem;
    --font_3:1.313rem;
    --stepFont_3:0.1rem;
    --font_4:1.125rem;
    --stepFont_4:0.05rem;
    --font_5:1.063rem;
    --stepFont_5:0.05rem;
}
html,body{font-size:16px}
body,input,textarea,select{
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal
}
.kal {
    font-family: "Kalnia", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:"wdth" 100
}
.thin{font-weight:300}
.bold{font-weight:700}
.semibold1{font-weight:500}
b,strong{font-weight:700}
.extra{font-weight:900}
.ls05{letter-spacing:0.5px}
.ls1{letter-spacing:1px}
.ls2{letter-spacing:2px}
.l0_7{line-height:0.7}
.l0_8{line-height:0.8}
.l0_9{line-height:0.9}
.l1{line-height:1}
.l1_1{line-height:1.1}
.l1_2{line-height:1.2}
.l1_3{line-height:1.3}
.l1_4{line-height:1.4}
.l1_5{line-height:1.5}
.l1_6{line-height:1.6}
.l1_7{line-height:1.7}
.l1_8{line-height:1.8}
.l1_9{line-height:1.9}
.l2{line-height:2}
.l2_1{line-height:2.1}
.l2_2{line-height:2.2}
.l2_3{line-height:2.3}
.l2_4{line-height:2.4}
.l2_5{line-height:2.5}
.l2_6{line-height:2.6}
.l2_7{line-height:2.7}
.l2_8{line-height:2.8}
.l2_9{line-height:2.9}
.l3{line-height:3}
.f_1{font-size:var(--font_1)}
.f_2{font-size:var(--font_2)}
.f_3{font-size:var(--font_3)}
.f_4{font-size:var(--font_4)}
.f_5{font-size:var(--font_5)}
.f_small{font-size:0.833rem}
.maggFont1_1 { font-size: 1.1em }
.maggFont1_2 { font-size: 1.2em }
.maggFont1_3 { font-size: 1.3em }
.minFont1_1 { font-size: 0.9em }
.minFont1_2 { font-size: 0.8em }
.minFont1_25 { font-size: 0.85em }
.minFont1_3 { font-size: 0.7em }
@media screen and (max-width:599px){
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 6))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 5))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 5))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 2))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 2))}
}
@media screen and (max-width:414px){
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 7.5))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 6))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 1))}
}
@media screen and (min-width:600px) and (max-width:767px){
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 4.8))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 4))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 4))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 4))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 4))}
}
@media screen and (min-width:768px) and (max-width:1023px){
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 3.5))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 3))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 3))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 3))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 3))}
}
@media screen and (min-width:1024px) and (max-width:1199px){
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 2))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 2))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 2))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 2))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 2))}
}
@media screen and (min-width:1200px) and (max-width:1439px){
    .f_1{font-size:calc(var(--font_1) - var(--stepFont_1))}
    .f_2{font-size:calc(var(--font_2) - var(--stepFont_2))}
    .f_3{font-size:calc(var(--font_3) - var(--stepFont_3))}
    .f_4{font-size:calc(var(--font_4) - var(--stepFont_4))}
    .f_5{font-size:calc(var(--font_5) - var(--stepFont_5))}
}