@font-face {
    font-family: 'MagistralC';
    src: url('fonts/magistralc/MagistralC.eot'),
         url('fonts/MagistralC.eot?#iefix') format('embedded-opentype'),

         url('fonts/magistralc/MagistralC.woff2') format('woff2'),
         url('fonts/magistralc/MagistralC.woff') format('woff'),
         url('fonts/magistralc/MagistralC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MagistralC';
    src: url('fonts/magistralc/MagistralC-Bold.eot'),
         url('fonts/magistralc/MagistralC-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/magistralc/MagistralC-Bold.woff2') format('woff2'),
         url('fonts/magistralc/MagistralC-Bold.woff') format('woff'),
         url('fonts/magistralc/MagistralC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'San Francisco(SF UI)';
    src: local('San Francisco(SF UI) Display Thin'), local('San-Francisco(SF-UI)-Display-Thin'),
        url('fonts/sfuidisplay/SFUIDisplay-Thin.woff2') format('woff2'),
        url('fonts/sfuidisplay/SFUIDisplay-Thin.woff') format('woff'),
        url('fonts/sfuidisplay/SFUIDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }