@charset "utf-8";

/* FONTS */
@font-face {
    font-family: "Josefin Sans";
    src: url("font/JosefinSans-Regular.woff2") format("woff2"),
        url("font/JosefinSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Josefin Sans";
    src: url("font/JosefinSans-Light.woff2") format("woff2"),
        url("font/JosefinSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Josefin Sans";
    src: url("font/JosefinSans-SemiBold.woff2") format("woff2"),
        url("font/JosefinSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Regular.woff2") format("woff2"),
        url("font/Lato-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Black.woff2") format("woff2"),
        url("font/Lato-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Regular.woff2") format("woff2"),
        url("font/Lato-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Italic.woff2") format("woff2"),
        url("font/Lato-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Semibold.woff2") format("woff2"),
        url("font/Lato-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Heavy.woff2") format("woff2"),
        url("font/Lato-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("font/Lato-Bold.woff2") format("woff2"),
        url("font/Lato-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("font/OpenSans.woff2") format("woff2"),
        url("font/OpenSans.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("font/OpenSans-SemiBold.woff2") format("woff2"),
        url("font/OpenSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

/* CLASSES */
.e_josefin { font-family: "Josefin Sans"; }
.e_josefin_light { font-family: "Josefin Sans"; font-weight: 300; }
.e_josefin_semibold { font-family: "Josefin Sans"; font-weight: 600; }
.e_lato { font-family: "Lato"; }
.e_lato_black { font-family: "Lato"; font-weight: 900; }
.e_lato_light { font-family: "Lato"; font-weight: 300; }
.e_lato_heavy { font-family: "Lato"; font-weight: 800; }
.e_lato_ita { font-family: "Lato"; font-style: italic; }
.e_lato_semibold { font-family: "Lato"; font-weight: 600; }
.e_lato_medium { font-family: "Lato"; font-weight: 500; }
.e_lato_bold { font-family: "Lato"; font-weight: bold; }
.e_open { font-family: "Open Sans"; }
.e_open_semibold { font-family: "Open Sans"; font-weight: 600; }