@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.artplaner.com/fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
body { font-family:"Raleway", Tahoma, Arial, Helvetica, sans-serif; font-size: 1rem; line-height:1.3; }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.artplaner.com/fonts/RobotoCondensed-Regular.ttf'); 
  src: local('Roboto Condensed Regular'), local('Roboto Condensed Regular'),
       url('https://www.artplaner.com/fonts/RobotoCondensed-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: "bootstrap-icons";
  src: url("https://www.artplaner.com/fonts/bootstrap-icons.woff2") format("woff2"),
	url("https://www.artplaner.com/fonts/bootstrap-icons.woff") format("woff");
}