/*Oswald Extra Light*/
@font-face {
    font-family: 'OswaldExtraLight';
    src: url('../../fonts/yd-font/OswaldExtraLight.eot');
    src: url('../../fonts/yd-font/OswaldExtraLight.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/OswaldExtraLight.woff2') format('woff2'),
         url('../../fonts/yd-font/OswaldExtraLight.woff') format('woff'),
         url('../../fonts/yd-font/OswaldExtraLight.ttf') format('truetype'),
         url('../../fonts/yd-font/OswaldExtraLight.svg#OswaldExtraLight') format('svg');
}
/*Oswald Light*/
@font-face {
    font-family: 'OswaldLight';
    src: url('../../fonts/yd-font/OswaldLight.eot');
    src: url('../../fonts/yd-font/OswaldLight.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/OswaldLight.woff2') format('woff2'),
         url('../../fonts/yd-font/OswaldLight.woff') format('woff'),
         url('../../fonts/yd-font/OswaldLight.ttf') format('truetype'),
         url('../../fonts/yd-font/OswaldLight.svg#OswaldLight') format('svg');
}
/*Oswald Medium*/
@font-face {
    font-family: 'OswaldMedium';
    src: url('../../fonts/yd-font/OswaldMedium.eot');
    src: url('../../fonts/yd-font/OswaldMedium.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/OswaldMedium.woff2') format('woff2'),
         url('../../fonts/yd-font/OswaldMedium.woff') format('woff'),
         url('../../fonts/yd-font/OswaldMedium.ttf') format('truetype'),
         url('../../fonts/yd-font/OswaldMedium.svg#OswaldMedium') format('svg');
}
/*Oswald Regular*/
@font-face {
    font-family: 'OswaldRegular';
    src: url('../../fonts/yd-font/OswaldRegular.eot');
    src: url('../../fonts/yd-font/OswaldRegular.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/OswaldRegular.woff2') format('woff2'),
         url('../../fonts/yd-font/OswaldRegular.woff') format('woff'),
         url('../../fonts/yd-font/OswaldRegular.ttf') format('truetype'),
         url('../../fonts/yd-font/OswaldRegular.svg#OswaldRegular') format('svg');
}
/*BebasNeue*/
@font-face {
    font-family: 'BebasNeue';
    src: url('../../fonts/yd-font/BebasNeue.eot');
    src: url('../../fonts/yd-font/BebasNeue.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/BebasNeue.woff2') format('woff2'),
         url('../../fonts/yd-font/BebasNeue.woff') format('woff'),
         url('../../fonts/yd-font/BebasNeue.ttf') format('truetype'),
         url('../../fonts/yd-font/BebasNeue.svg#BebasNeue') format('svg');
}
/*HogfishDEMO*/
@font-face {
    font-family: 'HogfishDEMO';
    src: url('../../fonts/yd-font/HogfishDEMO.eot');
    src: url('../../fonts/yd-font/HogfishDEMO.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/HogfishDEMO.woff2') format('woff2'),
         url('../../fonts/yd-font/HogfishDEMO.woff') format('woff'),
         url('../../fonts/yd-font/HogfishDEMO.ttf') format('truetype'),
         url('../../fonts/yd-font/HogfishDEMO.svg#HogfishDEMO') format('svg');
}
/*Roboto Regular*/
@font-face {
    font-family: 'RobotoRegular';
    src: url('../../fonts/yd-font/RobotoRegular.eot');
    src: url('../../fonts/yd-font/RobotoRegular.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/RobotoRegular.woff2') format('woff2'),
         url('../../fonts/yd-font/RobotoRegular.woff') format('woff'),
         url('../../fonts/yd-font/RobotoRegular.ttf') format('truetype'),
         url('../../fonts/yd-font/RobotoRegular.svg#RobotoRegular') format('svg');
}
/*Roboto Light*/
@font-face {
    font-family: 'RobotoLight';
    src: url('../../fonts/yd-font/RobotoLight.eot');
    src: url('../../fonts/yd-font/RobotoLight.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/RobotoLight.woff2') format('woff2'),
         url('../../fonts/yd-font/RobotoLight.woff') format('woff'),
         url('../../fonts/yd-font/RobotoLight.ttf') format('truetype'),
         url('../../fonts/yd-font/RobotoLight.svg#RobotoLight') format('svg');
}

/*Roboto Thin*/
@font-face {
    font-family: 'RobotoLight';
    src: url('../../fonts/yd-font/RobotoThin.eot');
    src: url('../../fonts/yd-font/RobotoThin.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/RobotoThin.woff2') format('woff2'),
         url('../../fonts/yd-font/RobotoThin.woff') format('woff'),
         url('../../fonts/yd-font/RobotoThin.ttf') format('truetype'),
         url('../../fonts/yd-font/RobotoThin.svg#RobotoThin') format('svg');
}
/*Cabo Rounded*/
@font-face {
    font-family: 'CaboRoundedItalic';
    src: url('../../fonts/yd-font/Cabo-Rounded-Italic.eot');
    src: url('../../fonts/yd-font/Cabo-Rounded-Italic.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/Cabo-Rounded-Italic.woff2') format('woff2'),
         url('../../fonts/yd-font/Cabo-Rounded-Italic.woff') format('woff'),
         url('../../fonts/yd-font/Cabo-Rounded-Italic.ttf') format('truetype'),
         url('../../fonts/yd-font/Cabo-Rounded-Italic.otf') format('opentype'),
         url('../../fonts/yd-font/Cabo-Rounded-Italic.svg#CaboRoundedItalic') format('svg');
}

@font-face {
    font-family: 'CaboRoundedRegular';
    src: url('../../fonts/yd-font/Cabo-Rounded-Regular.eot');
    src: url('../../fonts/yd-font/Cabo-Rounded-Regular.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/Cabo-Rounded-Regular.woff2') format('woff2'),
         url('../../fonts/yd-font/Cabo-Rounded-Regular.woff') format('woff'),
         url('../../fonts/yd-font/Cabo-Rounded-Regular.ttf') format('truetype'),
         url('../../fonts/yd-font/Cabo-Rounded-Regular.otf') format('opentype'),
         url('../../fonts/yd-font/Cabo-Rounded-Regular.svg#CaboRoundedRegular') format('svg');
}

@font-face {
    font-family: 'CopperplateGothicBoldRegular';
    src: url('../../fonts/yd-font/CopperplateGothicBoldRegular.eot');
    src: url('../../fonts/yd-font/CopperplateGothicBoldRegular.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/CopperplateGothicBoldRegular.woff2') format('woff2'),
         url('../../fonts/yd-font/CopperplateGothicBoldRegular.woff') format('woff'),
         url('../../fonts/yd-font/CopperplateGothicBoldRegular.ttf') format('truetype'),
         url('../../fonts/yd-font/CopperplateGothicBoldRegular.svg#CopperplateGothicBoldRegular') format('svg');
}
@font-face {
    font-family: 'CopperplateGothicBold';
    src: url('../../fonts/yd-font/CopperplateGothicBold.eot');
    src: url('../../fonts/yd-font/CopperplateGothicBold.eot') format('embedded-opentype'),
         url('../../fonts/yd-font/CopperplateGothicBold.woff2') format('woff2'),
         url('../../fonts/yd-font/CopperplateGothicBold.woff') format('woff'),
         url('../../fonts/yd-font/CopperplateGothicBold.ttf') format('truetype'),
         url('../../fonts/yd-font/CopperplateGothicBold.svg#CopperplateGothicBold') format('svg');
}