@font-face {
  font-family: 'National 2';
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src:
    local('National 2 Light'),
    local('National2-Light'),
    local('National 2'),
    local('National2'),
    url('national2web-light.woff2') format('woff2'),
    url('national2web-light.woff') format('woff');
}

@font-face {
  font-family: 'National 2';
  font-weight: 300;
  font-style: italic;
  /*font-display: swap;*/
  src:
    local('National 2 Light Italic'),
    local('National2-Light-Italic'),
    local('National 2'),
    local('National2'),
    url('national2web-light-italic.woff2') format('woff2'),
    url('national2web-light-italic.woff') format('woff');
}


@font-face {
  font-family: 'National 2';
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  src:
    local('National 2 Regular'),
    local('National2-Regular'),
    local('National 2'),
    local('National2'),
    url('national2web-regular.woff2') format('woff2'),
    url('national2web-regular.woff') format('woff');
}

@font-face {
  font-family: 'National 2';
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src:
    local('National 2 Medium'),
    local('National2-Medium'),
    local('National 2'),
    local('National2'),
    url('national2web-medium.woff2') format('woff2'),
    url('national2web-medium.woff') format('woff');
}