@font-face {
  font-family: 'Oswald';
  src: url('../fonts/oswald.eot');
  src: url('../fonts/oswald.eot?#iefix') format('embedded-opentype'),
  url('../fonts/woff/oswald.woff2') format('woff2'),
  
    url('../fonts/oswald.woff') format('woff'),
    url('../fonts/oswald.ttf') format('truetype'),
    url('../fonts/oswald.svg#cardoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato.eot');
  src: url('../fonts/lato.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato.woff') format('woff'),
    url('../fonts/lato.ttf') format('truetype'),
    url('../fonts/lato.svg#cardoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto.eot');
  src: url('../fonts/roboto.eot?#iefix') format('embedded-opentype'),
    url('../fonts/woff/robotoL.woff2') format('woff2'),
  
    url('../fonts/roboto.woff') format('woff'),
    url('../fonts/roboto.ttf') format('truetype'),
    url('../fonts/roboto.svg#cardoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Allura';
  src: url('../fonts/allura.eot');
  src: url('../fonts/allura.eot?#iefix') format('embedded-opentype'),
    url('../fonts/allura.woff') format('woff'),
    url('../fonts/allura.ttf') format('truetype'),
    url('../fonts/allura.svg#cardoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/woff/SofiaPro-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap;}