/* BRANDING FONT */

@font-face {
    font-family: "branding";
    font-weight: 900;
    src: url(fonts/branding/branding-black.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 900;
    font-style: italic;
    src: url(fonts/branding/branding-black-italic.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 300;
    src: url(fonts/branding/branding-light.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 300;
    font-style: italic;
    src: url(fonts/branding/branding-light-italic.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 700;
    src: url(fonts/branding/branding-bold.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/branding/branding-bold-italic.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 500;
    src: url(fonts/branding/branding-medium.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 500;
    font-style: italic;
    src: url(fonts/branding/branding-medium-italic.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 600;
    src: url(fonts/branding/branding-semibold.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 600;
    font-style: italic;
    src: url(fonts/branding/branding-semibold-italic.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 100;
    src: url(fonts/branding/branding-thin.otf);
}
@font-face {
    font-family: "branding";
    font-weight: 100;
    font-style: italic;
    src: url(fonts/branding/branding-thin-italic.otf);
}

/* ROBOTO FONT */

@font-face {
    font-family: "roboto";
    font-weight: 900;
    src: url(fonts/roboto/Roboto-Black.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 900;
    font-style: italic;
    src: url(fonts/roboto/Roboto-BlackItalic.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 700;
    src: url(fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/roboto/Roboto-BoldItalic.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 300;
    src: url(fonts/roboto/Roboto-Light.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 300;
    font-style: italic;
    src: url(fonts/roboto/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: "roboto";
    font-weight: 500;
    src: url(fonts/roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 500;
    font-style: italic;
    src: url(fonts/roboto/Roboto-MediumItalic.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 100;
    src: url(fonts/roboto/Roboto-Thin.ttf);
}
@font-face {
    font-family: "roboto";
    font-weight: 100;
    font-style: italic;
    src: url(fonts/roboto/Roboto-ThinItalic.ttf);
}

/* CALIBRI FONT */

@font-face {
    font-family: "calibri";
    font-weight: 300;
    src: url(fonts/calibri/calibri-light.ttf);
}
@font-face {
    font-family: "calibri";
    font-weight: 300;
    font-style: italic;
    src: url(fonts/calibri/calibri-light-italic.ttf);
}
@font-face {
    font-family: "calibri";
    font-weight: 400;
    src: url(fonts/calibri/calibri-regular.ttf);
}
@font-face {
    font-family: "calibri";
    font-style: italic;
    src: url(fonts/calibri/calibri-italic.ttf);
}
@font-face {
    font-family: "calibri";
    font-weight: 700;
    src: url(fonts/calibri/calibri-bold.ttf);
}
@font-face {
    font-family: "calibri";
    font-weight: 700;
    font-style: italic;
    src: url(fonts/calibri/calibri-bold-italic.ttf);
}