@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../../includes/font/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
    url('LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('LatoLatin-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
    url('LatoLatin-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('LatoLatin-Regular.svg#Lato') format('svg'); /* Legacy iOS */
}

lato {
    font-size: 14px;
    font-family: Lato;
    color: #383838;
}

lato-light {
    font-size: 14px;
    font-family: Lato Light;
    color: #383838;
}

lato-black {
    font-size: 36px;
    font-family: Lato Black;
    color: #383838;
}