      
@font-face {  
  font-family: 'Hella Regular';  
  src: url('https://www.hella.com/fonts/helladinuniversal-regular-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-regular-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-regular-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-regular-webfont.svg') format("svg");  
}
@font-face {  
  font-family: 'Hella Light';  
  src: url('https://www.hella.com/fonts/helladinuniversal-light-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-light-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-light-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-light-webfont.svg') format("svg");  
} 
/*
@font-face {  
  font-family: 'Hella Regular';  
  src: url('');
  src: local('Hella'), 
    url('') format("woff"),
    url('') format("truetype"),
    url('') format("svg");  
}
@font-face {  
  font-family: 'Hella Light';  
  src: url('');
  src: local('Hella'), 
    url('') format("woff"),
    url('') format("truetype"),
    url('') format("svg");  
} 
*/
/*
TODO: to replace addresses with placeholders. Now only two above are used.
@font-face {  
  font-family: 'Hella Medium';  
  src: url('https://www.hella.com/fonts/helladinuniversal-medium-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-medium-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-medium-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-medium-webfont.svg') format("svg");  
}  
@font-face {  
  font-family: 'Hella Italic';  
  src: url('https://www.hella.com/fonts/helladinuniversal-italic-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-italic-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-italic-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-italic-webfont.svg') format("svg");  
} 
@font-face {  
  font-family: 'Hella Bold';  
  src: url('https://www.hella.com/fonts/helladinuniversal-bold-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-bold-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-bold-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-bold-webfont.svg') format("svg");  
}          
@font-face {  
  font-family: 'Hella Bold Italic';  
  src: url('https://www.hella.com/fonts/helladinuniversal-bolditalic-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-bolditalic-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-bolditalic-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-bolditalic-webfont.svg') format("svg");  
}     
@font-face {  
  font-family: 'Hella Light Italic';  
  src: url('https://www.hella.com/fonts/helladinuniversal-lightitalic-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-lightitalic-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-lightitalic-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-lightitalic-webfont.svg') format("svg");  
}        
@font-face {  
  font-family: 'Hella Medium Italic';  
  src: url('https://www.hella.com/fonts/helladinuniversal-meditalic-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-meditalic-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-meditalic-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-meditalic-webfont.svg') format("svg");  
}   
@font-face {  
  font-family: 'Hella Black Italic';  
  src: url('https://www.hella.com/fonts/helladinuniversal-xblackitalic-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-xblackitalic-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-xblackitalic-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-xblackitalic-webfont.svg') format("svg");  
}    
@font-face {  
  font-family: 'Hella Black';  
  src: url('https://www.hella.com/fonts/helladinuniversal-xblack-webfont.eot');
  src: local('Hella'), 
    url('https://www.hella.com/fonts/helladinuniversal-xblack-webfont.woff') format("woff"),
    url('https://www.hella.com/fonts/helladinuniversal-xblack-webfont.ttf') format("truetype"),
    url('https://www.hella.com/fonts/helladinuniversal-xblack-webfont.svg') format("svg");  
}                    

.medium {font-family: 'Hella Medium'; }
.italic {font-family: 'Hella Italic'; }
.bold {font-family: 'Hella Bold'; }
.bold-italic {font-family: 'Hella Bold Italic';}
.light-italic {font-family: 'Hella Light Italic';}
.medium-italic {font-family: 'Hella Medium Italic';}
.black-italic {font-family: 'Hella Black Italic';}
.black {font-family: 'Hella Black';}
 
*/ 
.regular {font-family: 'Hella Regular'; } 
.light {font-family: 'Hella Light';}
