@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100;
  src: 
	local('Overpass Thin'), 
	local('Overpass-Thin'), 
	url(Overpass-Thin.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: 
	local('Overpass ExtraLight'), 
	local('Overpass-ExtraLight'), 
	url(Overpass-ExtraLight.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 300;
  src: 
	local('Overpass Light'), 
	local('Overpass-Light'), 
	url(Overpass-Light.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: 
	local('Overpass Regular'), 
	local('Overpass-Regular'), 
	url(Overpass-Regular.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 600;
  src: 
	local('Overpass SemiBold'), 
	local('Overpass-SemiBold'), 
	url(Overpass-SemiBold.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: 
	local('Overpass Bold'), 
	local('Overpass-Bold'), 
	url(Overpass-Bold.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 800;
  src: 
	local('Overpass ExtraBold'), 
	local('Overpass-ExtraBold'), 
	url(Overpass-ExtraBold.ttf)  
	format('truetype');
}

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 900;
  src: 
	local('Overpass Black'), 
	local('Overpass-Black'), 
	url(Overpass-Black.ttf)  
	format('truetype');
}