body#axle-refer {
--body-pad: 6vh 2rem;
--prim: #cc3323;
--btn-radius: 10em;
--day-selected-text: white;
--logo-width: 220px;
--font-main: Montserrat, sans-serif;
--font-size: .95rem;
--day-font-size: min(4.5vw, 1rem);
--legend-size: min(5vw, 1.4rem);
--h2: min(8vw, 2.5rem); 
--bg-img-height: 65vh;
--bg-opacity: .4;  
--h1: min(9vw, 3.5rem);
}


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



/*

// branding
--prim: #97D30E;

// main
--bg: black;
--text: white;  
--links: var(--prim);
--font-main: figtree;
--font-size: 1rem;
--line-height: 1.6;
--content-width: min(76rem,92%);
--body-pad: 12vh 2rem;
--logo-width: 20rem;  
--bg-img-height: 95vh;
--bg-img-pos: top;
--bg-opacity: .3;  

// alerts
--alert-font-size: 1rem;
--alert-pad: 1rem;
--alert-success-bg: var(--prim);
--alert-success-text: white;
--alert-error-bg: #d63638;
--alert-error-text: white;

// schedule
--schedule-max-width: 40rem;
--schedule-spacing: 1rem;
--day-bg: rgba(255,255,255,.2);
--day-text: var(--text);
--day-font-size: min(4.5vw, 1.2rem);
--day-selected-bg: var(--prim);
--day-selected-text: black;
--day-text-transform: uppercase;
--slider-arrow-color: white;
--schedule-border: rgba(255,255,255,.2);

// headings
--heading-font: inherit;
--heading-line-height: 1.1;
--heading-weight: bold;
--heading-color: var(--text);
--h1: min(11vw, 4rem);
--h2: min(8vw, 2.75rem); 
--h3: min(6vw, 1.8rem);

// buttons
--btn-bg: var(--prim);
--btn-bg-hover: var(--prim);
--btn-bg-hover-brightness: 1.15;
--btn-text: white;
--btn-text-hover: white;  
--btn-off-filter: brightness(.75) saturate(.5);
--btn-off-text: white;
--btn-off-opacity: 1;
--btn-border: none;
--btn-font: inherit;
--btn-font-size: inherit;
--btn-font-weight: bold;  
--btn-pad: .85em 1.7em;
--btn-radius: .2em;

// off canvas
--oc-width: min(45rem,100vw);
--oc-pad: 4rem max(2rem,4vw);
--oc-bg:  #111; 
--oc-text: #fff;
--oc-heading-color: var(--oc-text);  
--oc-overlay: rgba(0,0,0,.85);
--oc-close-color: white;

// forms
--input-bg: #222;
--input-text: #fff;
--input-placeholder: rgba(255,255,255,.5);
--input-pad: .75em .75em;
--input-border: solid rgba(255,255,255,.25);
--input-border-width: 1px;
--input-radius: .1em;
--input-focus-border: var(--prim);
--legend-color: var(--oc-heading-color);
--legend-size: min(6vw, 1.8rem);
--legend-weight: bold;
--error-color: firebrick; // border and text

--select-bg: var(--input-bg);
--select-border: #444;

*/