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

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

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

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