@font-face {
    font-family: "Euclid Flex Regular";
    src: url("../fonts/EuclidFlex-Regular-WebXL.eot");
    src: url("../fonts/EuclidFlex-Regular-WebXL.woff2") format("woff2"), url("../fonts/EuclidFlex-Regular-WebXL.woff") format("woff"), url("../fonts/EuclidFlex-Regular-WebXL.ttf") format("truetype"), url("../fonts/EuclidFlex-Regular-WebXL.svg") format("svg");
}

@font-face {
    font-family: "Euclid Flex Medium";
    src: url("../fonts/EuclidFlex-Medium-WebXL.eot");
    src: url("../fonts/EuclidFlex-Medium-WebXL.woff2") format("woff2"), url("../fonts/EuclidFlex-Medium-WebXL.woff") format("woff"), url("../fonts/EuclidFlex-Medium-WebXL.ttf") format("truetype"), url("../fonts/EuclidFlex-Medium-WebXL.svg") format("svg");
}

@font-face {
    font-family: "Euclid Flex Light";
    src: url("../fonts/EuclidFlex-Light-WebXL.eot");
    src: url("../fonts/EuclidFlex-Light-WebXL.woff2") format("woff2"), url("../fonts/EuclidFlex-Light-WebXL.woff") format("woff"), url("../fonts/EuclidFlex-Light-WebXL.ttf") format("truetype"), url("../fonts/EuclidFlex-Light-WebXL.svg") format("svg");
}

@font-face {
    font-family: "Euclid Flex Bold";
    src: url("../fonts/EuclidFlex-Bold-WebXL.eot");
    src: url("../fonts/EuclidFlex-Bold-WebXL.woff2") format("woff2"), url("../fonts/EuclidFlex-Bold-WebXL.woff") format("woff"), url("../fonts/EuclidFlex-Bold-WebXL.ttf") format("truetype"), url("../fonts/EuclidFlex-Bold-WebXL.svg") format("svg");
}

.euclid-flex-regular {
    font-family: "Euclid Flex Regular";
}

.euclid-flex-medium {
    font-family: "Euclid Flex Medium";
}

.euclid-flex-light {
    font-family: "Euclid Flex Light";
}

.euclid-flex-bold {
    font-family: "Euclid Flex Bold";
}