@font-face {
    font-family: 'latoregular';
    src: url("../font/lato-regular-webfont.woff2") format("woff2"),
         url("../font/lato-regular-webfont.woff") format("woff"),
         url("../font/lato-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latolight';
    src: url("../font/lato-light-webfont.woff2") format("woff2"),
         url("../font/lato-light-webfont.woff") format("woff"),
         url("../font/lato-light-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latobold';
    src: url("../font/lato-bold-webfont.woff2") format("woff2"),
         url("../font/lato-bold-webfont.woff") format("woff"),
         url("../font/lato-bold-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latohairline';
    src: url("../font/lato-hairline-webfont.woff2") format("woff2"),
         url("../font/lato-hairline-webfont.woff") format("woff"),
         url("../font/lato-hairline-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latoblack';
    src: url("../font/lato-black-webfont.woff2") format("woff2"),
         url("../font/lato-black-webfont.woff") format("woff"),
         url("../font/lato-black-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latoitalic';
    src: url("../font/lato-italic-webfont.woff2") format("woff2"),
         url("../font/lato-italic-webfont.woff") format("woff"),
         url("../font/lato-italic-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latolight_italic';
    src: url("../font/lato-lightitalic-webfont.woff2") format("woff2"),
         url("../font/lato-lightitalic-webfont.woff") format("woff"),
         url("../font/lato-lightitalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latobold_italic';
    src: url("../font/lato-bolditalic-webfont.woff2") format("woff2"),
         url("../font/lato-bolditalic-webfont.woff") format("woff"),
         url("../font/lato-bolditalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latohairline_italic';
    src: url("../font/lato-hairlineitalic-webfont.woff2") format("woff2"),
         url("../font/lato-hairlineitalic-webfont.woff") format("woff"),
         url("../font/lato-hairlineitalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'latoblack_italic';
    src: url("../font/lato-blackitalic-webfont.woff2") format("woff2"),
         url("../font/lato-blackitalic-webfont.woff") format("woff"),
         url("../font/lato-blackitalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}