@font-face {
  font-family: 'Josefin Sans';
  font-weight: 400;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url('fonts/JosefinSans-Light.ttf');
}

@font-face {
  font-family: 'Josefin Sans';
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url('fonts/JosefinSans-Bold.ttf');
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url('fonts/JosefinSans-Italic.ttf');
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Josefin Sans Bold Italic'), local('JosefinSans-BoldItalic'), url('fonts/JosefinSans-BoldItalic.ttf');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('fonts/TitilliumWeb-Regular.ttf');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('fonts/TitilliumWeb-Bold.ttf');
}