@font-face {
  font-family: 'RobotoRegular';
  src: url("roboto-regular.otf");
}
@font-face {
  font-family: 'RobotoMedium';
  src: url("roboto-medium.otf");
}

 @font-face {
	font-family: 'SFProDisplayRegular';
	src: url('SF-Pro-Display-Regular.otf');
}

@font-face {
	font-family: 'SFProDisplayMedium';
	src: url('SF-Pro-Display-Medium.otf');
}

@font-face {
	font-family: 'SFProDisplayItalic';
	src: url('SF-Pro-Display-RegularItalic.otf');
}

@font-face {
	font-family: 'SFProDisplayBold';
	src: url('SF-Pro-Display-Bold.otf');
}

@font-face {
	font-family: 'SFProDisplaySemiBold';
	src: url('SF-Pro-Display-Semibold.otf');
}

@font-face {
	font-family: 'SFProTextMedium';
	src: url('SF-Pro-Text-Medium.otf');
}

@font-face {
	font-family: 'SFProTextRegular';
	src: url('SF-Pro-Text-Regular.otf');
}

@font-face {
	font-family: 'SFProTextSemiBold';
	src: url('SF-Pro-Text-Semibold.otf');
}