@font-face {
  font-family: "Brandon Grotesque Light";
  font-style: normal;
  font-weight: 300;
  src: url('Brandon_light.otf') format("truetype"); 
}

@font-face {
  font-family: "Brandon Grotesque Regular";
  font-style: normal;
  font-weight: 400;
  src: url('Brandon_reg.otf') format("truetype"); 
}

@font-face {
  font-family: "Brandon Grotesque Med";
  font-style: normal;
  font-weight: 500;
  src: url('Brandon_med.otf') format("truetype"); 
}

@font-face {
  font-family: "Brandon Grotesque Bold";
  font-style: normal;
  font-weight: 800;
  src: url('Brandon_bld.otf') format("truetype"); 
}