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


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

@font-face {
    font-family: 'Circe Extra Bold';
    src: 
url('font/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),  
url('font/Circe-ExtraBold.woff') format('woff'), 
url('font/Circe-ExtraBold.ttf')  format('truetype'), 
url('font/Circe-ExtraBold.svg#Circe-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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