@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@font-face {
  font-display: swap;
  font-weight: 200;
  font-family: "Freight Neo Pro";
  src: url("https://fonts.okay.com/website/fonts/webfonts/freight_neo_pro-light_2.woff2") format("woff2"); 
}
@font-face {
  font-display: swap;
  font-weight: 300;
  font-family: "Freight Neo Pro";
  src: url("https://fonts.okay.com/website/fonts/webfonts/freight_neo_pro-book_2.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 400;
  font-family: "Freight Neo Pro";
  src: url("https://fonts.okay.com/website/fonts/webfonts/freight_neo_pro-medium_2.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 300;
  font-family: "Freight Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/freight_display-book_2.woff2") format("woff2"); 
}


@font-face {
  font-display: swap;
  font-weight: 200;
  font-family: "Chronicle Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/ChronicleDisplay-Roman.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 400;
  font-family: "Chronicle Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/ChronicleDisplay-Roman.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 600;
  font-family: "Chronicle Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/ChronicleDisplay-Semi.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 800;
  font-family: "Chronicle Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/ChronicleDisplay-Semi.woff2") format("woff2"); 
}

@font-face {
  font-display: swap;
  font-weight: 900;
  font-family: "Chronicle Display";
  src: url("https://fonts.okay.com/website/fonts/webfonts/ChronicleDisplay-Black.woff2") format("woff2"); 
}