@font-face {
    font-family: 'VarelaRound';
    src: url('./font/VarelaRound-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('./font/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('./font/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face { 
	font-family: 'Arial';
	src: url('./font/arial-webfont.woff2') format('woff2'),
	     url('./font/arial-webfont.woff') format('woff'),
	     url('./font/arial-webfont.ttf') format('truetype'),
         url('./font/arial-webfont.svg#Arials') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face { 
	font-family: 'Arial';
	src: url('./font/arialbd-webfont.woff2') format('woff2'),
	     url('./font/arialbd-webfont.woff') format('woff'),
	     url('./font/arialbd-webfont.ttf') format('truetype'),
         url('./font/arialbd-webfont.svg#Arials') format('svg');
    font-style: normal;
    font-weight: bold;
}

@font-face { 
    font-family: 'Arial';
    src: url('./font/ariali-webfont.woff2') format('woff2'),
         url('./font/ariali-webfont.woff') format('woff'),
         url('./font/ariali-webfont.ttf') format('truetype'),
         url('./font/ariali-webfont.svg#Arials') format('svg');
    font-style: italic;
    font-weight: normal;
}

@font-face { 
	font-family: 'Arial';
	src: url('./font/arialbi-webfont.woff2') format('woff2'),
	     url('./font/arialbi-webfont.woff') format('woff'),
	     url('./font/arialbi-webfont.ttf') format('truetype'),
         url('./font/arialbi-webfont.svg#Arials') format('svg');
    font-style: italic;
    font-weight: bold;
}