@font-face {
    font-family: 'PetitaBoldRegular';
    src: url('../fonts/petitabold-webfont.eot');
    src: url('../fonts/petitabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/petitabold-webfont.woff') format('woff'),
         url('../fonts/petitabold-webfont.ttf') format('truetype'),
         url('../fonts/petitabold-webfont.svg#PetitaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PetitaMediumRegular';
    src: url('../fonts/petitamedium-webfont.eot');
    src: url('../fonts/petitamedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/petitamedium-webfont.woff') format('woff'),
         url('../fonts/petitamedium-webfont.ttf') format('truetype'),
         url('../fonts/petitamedium-webfont.svg#PetitaMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PetitaLightRegular';
    src: url('../fonts/petitalight-webfont.eot');
    src: url('../fonts/petitalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/petitalight-webfont.woff') format('woff'),
         url('../fonts/petitalight-webfont.ttf') format('truetype'),
         url('../fonts/petitalight-webfont.svg#PetitaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}