@font-face {
    font-family: 'sullivan';
    src: url('font/sullivan-fill-webfont.woff2') format('woff2'),
         url('font/sullivan-fill-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body:before {
    background-image: url(bg.jpg);  
}


body#axle-refer {
	  
  --prim: #FF8030;
  --dark: #24282B;
  
  --bg: var(--dark);
  --text: white;  
  --links: var(--prim);
  --font-main: "Roboto", sans-serif;  
  
  --heading-font: 'sullivan',sans-serif;  
  --heading-weight: normal;  
  --heading-line-height: 1;
  --h1: min(11vw, 5rem);
  --h2: min(8vw, 3.5rem); 
  --h3: min(6vw, 2rem);

  --btn-radius: 10em;
  
  --oc-bg: var(--dark); 
  --oc-overlay: rgba(0,0,0,.85);

}


h1,h2,h3 {
  text-transform: uppercase;
}

body:before {	
	background: url(bg.jpg) top center no-repeat;
	background-size: cover;
	    z-index: -2; 
}