/* ------------ playfair display ----------- */


@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), url('../fonts/Playfair_Display/PlayfairDisplay-Regular.woff') format('woff');
}



@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 500;
    src: local('Playfair Display Medium'), url('../fonts/Playfair_Display/PlayfairDisplay-Medium.woff') format('woff');
}


@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 600;
    src: local('Playfair Display SemiBold'), url('../fonts/Playfair_Display/PlayfairDisplay-SemiBold.woff') format('woff');
}


@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'), url('../fonts/Playfair_Display/PlayfairDisplay-Bold.woff') format('woff');
}


@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 800;
    src: local('Playfair Display ExtraBold'), url('../fonts/Playfair_Display/PlayfairDisplay-ExtraBold.woff') format('woff');
}


@font-face {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 900;
    src: local('Playfair Display Black'), url('../fonts/Playfair_Display/PlayfairDisplay-Black.woff') format('woff');
}


/* ------------ karla ----------- */

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 200;
    src: local('Karla ExtraLight'), url('../fonts/Karla/Karla-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 300;
    src: local('Karla Light'), url('../fonts/Karla/Karla-Light.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 400;
    src: local('Karla Regular'), url('../fonts/Karla/Karla-Regular.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 500;
    src: local('Karla Medium'), url('../fonts/Karla/Karla-Medium.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 600;
    src: local('Karla SemiBold'), url('../fonts/Karla/Karla-SemiBold.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 700;
    src: local('Karla Bold'), url('../fonts/Karla/Karla-Bold.woff') format('woff');
}

@font-face {
    font-family: "Karla";
    font-style: normal;
    font-weight: 800;
    src: local('Karla ExtraBold'), url('../fonts/Karla/Karla-ExtraLight.woff') format('woff');
}