@font-face {
  font-family: 'Hatton';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_bold_700_webfont.woff') format('woff'),
	    url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_bold_700_webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Hatton';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_ultralight_200_webfont.woff') format('woff'),
	    url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_ultralight_200_webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Hatton';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_medium_500_webfont.woff') format('woff'),
	    url('https://myshantispace.li/wp-content/uploads/breakdance/fonts/pp_hatton_medium_500_webfont.woff2') format('woff2');
}