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

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

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Bold.ttf');
    src: url('Raleway-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Semi';
    src: url('Raleway-SemiBold.ttf');
    src: url('Raleway-SemiBold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Yellowtail';
    src: url('Yellowtail-Regular.otf');
    src: url('Yellowtail-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}