/* 
* Fontstyles
* -----------------------------------------------------
*/

@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Karla";
    src: url(../assets/fonts/Karla/Karla-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "CalistoMT";
    src: url(../assets/fonts/CalistoMT/Calisto\ MT.ttf) format('truetype');
}
@font-face {
    font-family: "Geologica";
    src: url(../assets/fonts/Geologica/Geologica-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}