@font-face {
    font-family: 'CircularStdBook';
    src: url('CircularStdBook.eot');
    src: url('CircularStdBook.eot') format('embedded-opentype'),
         url('CircularStdBook.woff2') format('woff2'),
         url('CircularStdBook.woff') format('woff'),
         url('CircularStdBook.ttf') format('truetype'),
         url('CircularStdBook.svg#CircularStdBook') format('svg');
}

@font-face {
    font-family: 'CiutadellaBold';
    src: url('CiutadellaBold.eot');
    src: url('CiutadellaBold.eot') format('embedded-opentype'),
         url('CiutadellaBold.woff2') format('woff2'),
         url('CiutadellaBold.woff') format('woff'),
         url('CiutadellaBold.ttf') format('truetype'),
         url('CiutadellaBold.svg#CiutadellaBold') format('svg');
}

@font-face {
    font-family: 'CiutadellaLight';
    src: url('CiutadellaLight.eot');
    src: url('CiutadellaLight.eot') format('embedded-opentype'),
         url('CiutadellaLight.woff2') format('woff2'),
         url('CiutadellaLight.woff') format('woff'),
         url('CiutadellaLight.ttf') format('truetype'),
         url('CiutadellaLight.svg#CiutadellaLight') format('svg');
}

@font-face {
    font-family: 'CiutadellaMedium';
    src: url('CiutadellaMedium.eot');
    src: url('CiutadellaMedium.eot') format('embedded-opentype'),
         url('CiutadellaMedium.woff2') format('woff2'),
         url('CiutadellaMedium.woff') format('woff'),
         url('CiutadellaMedium.ttf') format('truetype'),
         url('CiutadellaMedium.svg#CiutadellaMedium') format('svg');
}


@font-face {
    font-family: 'CiutadellaRegular';
    src: url('CiutadellaRegular.eot');
    src: url('CiutadellaRegular.eot') format('embedded-opentype'),
         url('CiutadellaRegular.woff2') format('woff2'),
         url('CiutadellaRegular.woff') format('woff'),
         url('CiutadellaRegular.ttf') format('truetype'),
         url('CiutadellaRegular.svg#CiutadellaRegular') format('svg');
}

@font-face {
    font-family: 'CiutadellaSemiBold';
    src: url('CiutadellaSemiBold.eot');
    src: url('CiutadellaSemiBold.eot') format('embedded-opentype'),
         url('CiutadellaSemiBold.woff2') format('woff2'),
         url('CiutadellaSemiBold.woff') format('woff'),
         url('CiutadellaSemiBold.ttf') format('truetype'),
         url('CiutadellaSemiBold.svg#CiutadellaSemiBold') format('svg');
}


@font-face {
    font-family: 'CircularStdBlack';
    src: url('CircularStdBlack.eot');
    src: url('CircularStdBlack.eot') format('embedded-opentype'),
         url('CircularStdBlack.woff2') format('woff2'),
         url('CircularStdBlack.woff') format('woff'),
         url('CircularStdBlack.ttf') format('truetype'),
         url('CircularStdBlack.svg#CircularStdBlack') format('svg');
}

@font-face {
    font-family: 'CircularStdBold';
    src: url('CircularStdBold.eot');
    src: url('CircularStdBold.eot') format('embedded-opentype'),
         url('CircularStdBold.woff2') format('woff2'),
         url('CircularStdBold.woff') format('woff'),
         url('CircularStdBold.ttf') format('truetype'),
         url('CircularStdBold.svg#CircularStdBold') format('svg');
}