@font-face {
    font-family: "S O Represent";
    font-weight: 200;
    font-style: normal;
    src: url("https://freight.cargo.site/m/O2901340413761320799810627382304/SORepresent-Light.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "Kolektiv";
    font-weight: 200;
    font-style: normal;
    src: url("https://freight.cargo.site/m/C2901338172813957237426877967392/Kolektiv-Light.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "Kolektiv";
    font-weight: 200;
    font-style: italic;
    src: url("https://freight.cargo.site/m/V2901338194913156637730920803360/Kolektiv-LightItalic.woff2") format("woff2");
  }

body,
html {
    font-family: serif;
    font-family: "Kolektiv",Georgia, 'Times New Roman', Times, serif;
    font-weight: 200;
    font-style: normal;
    color: var(--blk)
}

.sofont{
    font-family: "S O Represent";
    font-weight: 200;
    font-style: normal;
}

/* variables */

.italic{
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

/* taille et espacement */

/* couleurs */

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

/* mobile */

@media (max-width:780px) {
    .xs {
        font-size: 0.92rem;
        letter-spacing: -0.023em;
        line-height: 1;
    }
    
    .s {
        font-size: 1rem;
        letter-spacing: -0.023em;
    }
    
    .xl {
        font-size: 2rem;
        line-height: 0.9;
        letter-spacing: -0.023em;
    }
}

/* desktop */

@media (min-width:780px) {

    .xs {
        font-size: 0.82rem;
        letter-spacing: -0.023em;
        line-height: 1;
    }
    
    .s {
        font-size: 1rem;
        letter-spacing: -0.023em;
    }
    
    .xl {
        font-size: 2.2rem;
        line-height: 0.9;
        letter-spacing: -0.023em;
    }
    
    
}