@font-face {
    font-family: 'Ciutadella Regular';
    src: url('Fonts/Ciutadella Regular.woff2') format('woff2'), 
        url('Fonts/Ciutadella Regular.woff') format('woff'), 
        url('Fonts/Ciutadella Regular.ttf') format('truetype'),
        url('Fonts/Ciutadella-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Ciutadella Bold';
    src: url('Fonts/Ciutadella Bold.woff2') format('woff2'), 
        url('Fonts/Ciutadella Bold.woff') format('woff'), 
        url('Fonts/Ciutadella Bold.ttf') format('truetype'), 
        url('Fonts/Ciutadella-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Ciutadella SemiBold';
    src: url('Fonts/Ciutadella SemiBold.woff2') format('woff2'), 
        url('Fonts/Ciutadella SemiBold.woff') format('woff'),
        url('Fonts/Ciutadella SemiBold.ttf') format('truetype'), 
        url('Fonts/Ciutadella-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'Ciutadella Medium';
    src: url('Fonts/Ciutadella Medium.woff2') format('woff2'), 
        url('Fonts/Ciutadella Medium.woff') format('woff'), 
        url('Fonts/Ciutadella Medium.ttf') format('truetype'), 
        url('Fonts/Ciutadella-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Ciutadella Light';
    src: url('Fonts/Ciutadella Light.woff2') format('woff2'), 
        url('Fonts/Ciutadella Light.woff') format('woff'), 
        url('Fonts/Ciutadella Light.ttf') format('truetype'), 
        url('Fonts/Ciutadella-Light.otf') format('opentype');
}