@media screen and (-webkit-min-device-pixel-ratio:0) {  
  @font-face {
      font-family: 'CardoBold';
      src: url('/assets/fonts/cardo-bold.svg#CardoBold') format('svg');
  }

  @font-face {
      font-family: 'CardoItalic';
      src: url('/assets/fonts/cardo-italic.svg#CardoItalic') format('svg');
  }

  @font-face {
      font-family: 'CardoRegular';
      src: url('/assets/fonts/cardo-regular.svg#CardoRegular') format('svg');
  }

  @font-face {
      font-family: 'OpenSansBold';
      src: url('/assets/fonts/opensans-bold.svg#OpenSansBold') format('svg');
  }

  @font-face {
      font-family: 'OpenSansBoldItalic';
      src: url('/assets/fonts/opensans-bolditalic.svg#OpenSansBoldItalic') format('svg');
  }

  @font-face {
      font-family: 'OpenSansItalic';
      src: url('/assets/fonts/opensans-italic.svg#OpenSansItalic') format('svg');
  }

  @font-face {
      font-family: 'OpenSansRegular';
      src: url('/assets/fonts/opensans-regular.svg#OpenSansRegular') format('svg');
  }
}