/* This is the outdated import via googleapis which violates GDPR
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700&subset=latin,latin-ext);  

This is the recommended modern way, but leads to small fonts

open-sans-regular - latin 
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../css/fonts/open-sans-v27-latin-regular.eot'); 
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), 
       url('../css/fonts/open-sans-v27-latin-regular.woff') format('woff'),
       url('../css/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), 
       url('../css/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg');
} */


@font-face {
  font-family: "Open Sans";
  src: url("./fonts/Light/OpenSans-Light.woff2") format("woff2"), url("./fonts/Light/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/LightItalic/OpenSans-LightItalic.woff2") format("woff2"), url("./fonts/LightItalic/OpenSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/Regular/OpenSans-Regular.woff2") format("woff2"), url("./fonts/Regular/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/Italic/OpenSans-Italic.woff2") format("woff2"), url("./fonts/Italic/OpenSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/SemiBold/OpenSans-SemiBold.woff2") format("woff2"), url("./fonts/SemiBold/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("./fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/Bold/OpenSans-Bold.woff2") format("woff2"), url("./fonts/Bold/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/BoldItalic/OpenSans-BoldItalic.woff2") format("woff2"), url("./fonts/BoldItalic/OpenSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/ExtraBold/OpenSans-ExtraBold.woff2") format("woff2"), url("./fonts/ExtraBold/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}