@font-face { 
    font-family: 'Titillium Web';
    font-weight: 200;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf'); 
} 

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf'); 
} 

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 300;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-Light.ttf'); 
}

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf'); 
} 

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-Regular.ttf'); 
}

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 600;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf'); 
}

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf'); 
} 

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-Bold.ttf'); 
}

@font-face { 
    font-family: 'Titillium Web';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf'); 
} 


@font-face { 
    font-family: 'Titillium Web';
    font-weight: 900;
    font-display: swap;
    src: url('fonts/Titillium_Web/TitilliumWeb-Black.ttf'); 
}