/* Puffin Display */

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Light_Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Medium_Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_SemiBold_Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Bold_Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_ExtraBold_Italic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display';
    src: url('Puffin_Display_Black_Italic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}


/* Puffin Display Soft */

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Lt.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Lt_Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Medm.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Medm_Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_SmBd.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_SmBd_Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Bold_Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_ExBd.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_ExBd_Italic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Blk.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Puffin Display Soft';
    src: url('Puffin_Display_Soft_Blk_Italic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}