:root{
    --beige:#aaaaaa;
    --grey:#bebebe;
    --darkgrey:rgba(0, 0, 0, 0.4);
}
    
@font-face {
    font-family: "Helvetica L T Std";
    font-weight: 400;
    font-style: normal;
    src: url("https://freight.cargo.site/m/A3121929519067876043135884274720/HelveticaLTStd-BoldCond-1.woff2") format("woff2");
}

@font-face {
    font-family: "Favorit";
    font-weight: 400;
    font-style: normal;
    src: url('https://freight.cargo.site/m/L3121729508013200814403632049184/Favorit_Regular_Mono.woff2') format("woff2");
}

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

a:hover, button:hover {
    color: var(--darkgrey) ;
}

body{
    font-family: "Helvetica L T Std";
    font-weight: 400;
    font-style: normal;
    color: var(--grey);
    line-height: 1.1;
    letter-spacing: -0.048em;
    text-transform: uppercase;
}

.favorit{
    font-family: Favorit;
    font-weight: 400;
    font-style: normal;
    color: var(--beige);
    line-height: 1.2;
    letter-spacing: 0;
}

/* MOBILE */
@media only screen and (max-width: 780px) {
    body{
        font-size:1rem;
    }

    .favorit{
        font-size: 0.8rem;
    }
}

/* DESKTOP */
@media only screen and (min-width: 780px) {

    body{
        font-size: 1rem;
    }
    
    .favorit{
        font-size: 0.75rem;
    }
}

/* LARGE SCREENS */
@media only screen and (min-width: 1890px) {

    body{
        font-size: 1.4rem;
    }

    .favorit{
        font-size: 1.15rem;
    }
}