@font-face {
font-family: 'montserat';
font-weight:200;
src: 	url('montserat_light.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-weight:300;
src: 	url('montserat_regular.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-weight:400;
src: 	url('montserat_regular.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-weight:500;
src: 	url('montserat_bold.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-weight:600;
src: 	url('montserat_bold.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-weight:700;
src: 	url('montserat_bold.ttf') format('truetype');
}

@font-face {
font-family: 'montserat';
font-style: italic;
src: 	url('montserat_italic.ttf') format('truetype');
}


:root,
html {
    --custom-font: "montserat" !important;
    --mat-sys-brand-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
    --mat-sys-plain-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
}