@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

html {font-size: 112.5%;}
@media only screen and (max-width: 1500px) {html {font-size: 100%;}}
@media screen and (max-width: 980px) { html {font-size: 95%;}}
@media screen and (max-width: 480px) { html {font-size: 92.5%;}}

html.los-fr {font-size: 105%;}
@media only screen and (max-width: 1500px) {html.los-fr {font-size: 97%;}}
@media screen and (max-width: 980px) { html.los-fr {font-size: 93%;}}
@media screen and (max-width: 480px) { html.los-fr {font-size: 91%;}}

body {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

p {margin-top: 0.75rem;margin-bottom:0.75rem}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.3;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h1{font-size: 4rem;}
h2{font-size: 2.75rem;}
h3{font-size: 2rem;}
h4{font-size: 1.3rem;}
h5{font-size: 1rem;}

b,strong {font-weight: 600;}
small, .text_small{font-size:0.75rem; line-height: 1.25;display:block}
.buttonfont, .button, button{
    font-size:0.8rem;
    line-height: 0.9;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
}

h1.red,h2.red,h3.red,h4.red,h5.red{color: var(--red);}

.buttonfont.bf-1 {
    font-size:1rem;
}
.buttonfont.bf-2 {
    font-size:1.25rem;
}

a{color: var(--red)}