@font-face {
    font-family: 'Butler';
    src: url('Butler_Ultra_Light.otf');
    src: local('Butler_Ultra_Light'), url('Butler_Ultra_Light.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_Light.otf');
    src: local('Butler_Light'), url('Butler_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_Regular.otf');
    src: local('Butler_Regular'), url('Butler_Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_Medium.otf');
    src: local('Butler_Medium'), url('Butler_Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_Bold.otf');
    src: local('Butler_Bold'), url('Butler_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_ExtraBold.otf');
    src: local('Butler_ExtraBold'), url('Butler_ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Butler';
    src: url('Butler_Black.otf');
    src: local('Butler_Black'), url('Butler_Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}