@font-face {
	font-family: 'Roboto Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto Regular'), url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Roboto Thin';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto Thin'), url('Roboto-Thin.woff2') format('woff2'), url('Roboto-Thin.woff') format('woff');
}

.roboto {
	font-family: 'Roboto Regular';
}

.roboto.bold {
	font-weight: 600;
}

.roboto.regular {
	font-weight: 400;
}

.roboto.light {
	font-family: 'Roboto Thin';
	font-weight: 300;
}