@font-face {
    font-family: 'Creighton';
    src: url('Creighton.eot');
    src: url('Creighton.eot') format('embedded-opentype'),
         url('Creighton.woff2') format('woff2'),
         url('Creighton.woff') format('woff'),
         url('Creighton.ttf') format('truetype'),
         url('Creighton.svg#Creighton') format('svg');
}
@font-face {
    font-family: 'CreightonBold';
    src: url('CreightonBold.eot');
    src: url('CreightonBold.eot') format('embedded-opentype'),
         url('CreightonBold.woff2') format('woff2'),
         url('CreightonBold.woff') format('woff'),
         url('CreightonBold.ttf') format('truetype'),
         url('CreightonBold.svg#CreightonBold') format('svg');
}
@font-face {
    font-family: 'AndesLight';
    src: url('AndesLight.eot');
    src: url('AndesLight.eot') format('embedded-opentype'),
         url('AndesLight.woff2') format('woff2'),
         url('AndesLight.woff') format('woff'),
         url('AndesLight.ttf') format('truetype'),
         url('AndesLight.svg#AndesLight') format('svg');
}
@font-face {
    font-family: 'BrandonGrotesqueBold';
    src: url('brandon-grotesque-bold.otf');
}
@font-face {
    font-family: 'BrandonGrotesqueRegular';
    src: url('brandon-grotesque-regular.otf');
}
@font-face {
    font-family: 'BrandonGrotesqueMedium';
    src: url('brandon-grotesque-medium.otf');
}