@font-face {
  font-family: 'Roboto';
  src: url("../assets/fonts/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../assets/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Roboto-Bold.woff") format("woff"), url("../assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../assets/fonts/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("../assets/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Roboto-Regular.woff") format("woff"), url("../assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../assets/fonts/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../assets/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Roboto-Medium.woff") format("woff"), url("../assets/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Darker Grotesque';
  src: url("../assets/fonts/DarkerGrotesque-SemiBold.eot");
  src: local("Darker Grotesque SemiBold"), local("DarkerGrotesque-SemiBold"), url("../assets/fonts/DarkerGrotesque-SemiBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DarkerGrotesque-SemiBold.woff2") format("woff2"), url("../assets/fonts/DarkerGrotesque-SemiBold.woff") format("woff"), url("../assets/fonts/DarkerGrotesque-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Darker Grotesque';
  src: url("../assets/fonts/DarkerGrotesque-Bold.eot");
  src: local("Darker Grotesque Bold"), local("DarkerGrotesque-Bold"), url("../assets/fonts/DarkerGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DarkerGrotesque-Bold.woff2") format("woff2"), url("../assets/fonts/DarkerGrotesque-Bold.woff") format("woff"), url("../assets/fonts/DarkerGrotesque-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Darker Grotesque';
  src: url("../assets/fonts/DarkerGrotesque-Medium.eot");
  src: local("Darker Grotesque Medium"), local("DarkerGrotesque-Medium"), url("../assets/fonts/DarkerGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DarkerGrotesque-Medium.woff2") format("woff2"), url("../assets/fonts/DarkerGrotesque-Medium.woff") format("woff"), url("../assets/fonts/DarkerGrotesque-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Codystar';
  src: url("../assets/fonts/Codystar-Regular.ttf");
  src: local("Codystar"), local("Codystar-Regular"), url("../assets/fonts/Codystar-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }