/* don't use css generated by font squirrel, use this set cos it fixes the chrome rendering problem */
/* you shouldn't need to use more than these four fonts, the others are more decorative but not necessary for web */
/******************** Font ********************/
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black.eot');
    src: url('../fonts/lato-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black.svg#latoblack') format('svg'),
		 url('../fonts/lato-black.otf') format('opentype'),
         url('../fonts/lato-black.ttf') format('truetype'),
         url('../fonts/lato-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold.eot');
    src: url('../fonts/lato-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-semibold.svg#latosemibold') format('svg'),
		 url('../fonts/lato-semibold.otf') format('opentype'),
         url('../fonts/lato-semibold.ttf') format('truetype'),
         url('../fonts/lato-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.svg#latoregular') format('svg'),
		 url('../fonts/lato-regular.otf') format('opentype'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic.eot');
    src: url('../fonts/lato-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic.svg#latoitalic') format('svg'),
		 url('../fonts/lato-italic.otf') format('opentype'),
         url('../fonts/lato-italic.ttf') format('truetype'),
         url('../fonts/lato-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* fixes chrome font rendering */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latoblack';
        src: url('../fonts/lato-black.svg#latoblack') format('svg');
    }
    @font-face {
        font-family: 'latosemibold';
        src: url('../fonts/lato-bold.svg#latosemibold') format('svg');
    }
    @font-face {
        font-family: 'latoregular';
        src: url('../fonts/lato-regular.svg#latoregular') format('svg');
    }
    @font-face {
        font-family: 'latoitalic';
        src: url('../fonts/lato-italic.svg#latoitalic') format('svg');
    }
}
body {
    -webkit-font-smoothing: antialiased;
}
/* change bold and italic to the fonts rather than font-weights */
i, em {
    font-family: 'latoitalic', sans-serif;
    font-style: normal;
}
b, strong {
    font-family: 'latosemibold', sans-serif;
    font-weight: normal;
}