.display_l
{
    font-size: var(--display-large);

}

.display_m
{
    font-size: var(--display-medium);
}

.display_s
{
    font-size: var(--display-small);

}

.headline
{
    font-size: var(--headline);
}

.title
{
    font-size: var(--title);
}

.body
{
    font-size: var(--body);

}

.label
{
    font-size: var(--label);

}

.thin
{
    font-weight: 200;
}

.light
{
    font-weight: 300;
}

.regular
{
    font-weight: 400;
}

.medium
{
    font-weight: 500;
}

.italic
{
    font-style: italic;
}

@media screen and (width < 1280px)
{
    :root
    {
        --display-large:  var(--display-large-mobile);
        --display-medium: var(--display-medium-mobile);
        --display-small:  var(--display-small-mobile);
        --headline:       var(--headline-mobile);
        --title:          var(--title-mobile);
    }

}

@media screen and (width >= 1280px)
{
    :root
    {
        --display-large:  var(--display-large-desktop);
        --display-medium: var(--display-medium-desktop);
        --display-small:  var(--display-small-desktop);
        --headline:       var(--headline-desktop);
        --title:          var(--title-desktop);
    }
}

@font-face
{
    font-family: "Montserrat";
    src:         url("../font/Montserrat-Thin.ttf") format("truetype");
    font-weight: 200;
    font-style:  normal;
}
@font-face
{
    font-family: "Montserrat";
    src:         url("../font/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style:  normal;
}
@font-face
{
    font-family: "Montserrat";
    src:         url("../font/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style:  normal;
}

@font-face
{
    font-family: "Montserrat";
    src:         url("../font/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}


@font-face
{

    font-family: "Montserrat";
    src:         url("../font/Montserrat-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style:  italic;
}



@font-face
{
    font-family: "Montserrat";
    src:         url("../font/Montserrat-ThinItalic.ttf") format("truetype");
    font-weight: 200;
    font-style:  italic;
}