@font-face {
    font-family: 'TWKLausanne500';
    src: url('font/TWKLausanne-500.eot');
    src: url('font/TWKLausanne-500.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-500.woff2') format('woff2'),
        url('font/TWKLausanne-500.woff') format('woff'),
        url('font/TWKLausanne-500.ttf') format('truetype'),
        url('font/TWKLausanne-500.svg#TWKLausanne-500') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TWKLausanne300';
    src: url('font/TWKLausanne-300.eot');
    src: url('font/TWKLausanne-300.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-300.woff2') format('woff2'),
        url('font/TWKLausanne-300.woff') format('woff'),
        url('font/TWKLausanne-300.ttf') format('truetype'),
        url('font/TWKLausanne-300.svg#TWKLausanne-300') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TWKLausanne200';
    src: url('font/TWKLausanne-200.eot');
    src: url('font/TWKLausanne-200.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-200.woff2') format('woff2'),
        url('font/font/TWKLausanne-200.woff') format('woff'),
        url('TWKLausanne-200.ttf') format('truetype'),
        url('font/TWKLausanne-200.svg#TWKLausanne-200') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TWKLausanne150';
    src: url('font/TWKLausanne-150.eot');
    src: url('font/TWKLausanne-150.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-150.woff2') format('woff2'),
        url('font/TWKLausanne-150.woff') format('woff'),
        url('font/TWKLausanne-150.ttf') format('truetype'),
        url('font/TWKLausanne-150.svg#TWKLausanne-150') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TWKLausanne150ital';
    src: url('font/TWKLausanne-150Italic.eot');
    src: url('font/TWKLausanne-150Italic.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-150Italic.woff2') format('woff2'),
        url('font/TWKLausanne-150Italic.woff') format('woff'),
        url('font/TWKLausanne-150Italic.ttf') format('truetype'),
        url('font/TWKLausanne-150Italic.svg#TWKLausanne-150Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TWKLausanne300ital';
    src: url('font/TWKLausanne-300Italic.eot');
    src: url('font/TWKLausanne-300Italic.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-300Italic.woff2') format('woff2'),
        url('font/TWKLausanne-300Italic.woff') format('woff'),
        url('font/TWKLausanne-300Italic.ttf') format('truetype'),
        url('font/TWKLausanne-300Italic.svg#TWKLausanne-300Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TWKLausanne500ital';
    src: url('font/TWKLausanne-500Italic.eot');
    src: url('font/TWKLausanne-500Italic.eot?#iefix') format('embedded-opentype'),
        url('font/TWKLausanne-500Italic.woff2') format('woff2'),
        url('font/TWKLausanne-500Italic.woff') format('woff'),
        url('font/TWKLausanne-500Italic.ttf') format('truetype'),
        url('font/TWKLausanne-500Italic.svg#TWKLausanne-500Italic') format('svg');
    font-weight: 500;
    font-style: italic;
}