@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
    url("../assets/fonts/roboto-v29-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../assets/fonts/roboto-v29-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""),
    url("../assets/fonts/roboto-v29-latin-500.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("../assets/fonts/roboto-v29-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: "Quatro";
  src: local("Quatro Regular"), local("Quatro-Regular"),
    url("../assets/fonts/Quatro-Regular.woff2") format("woff2"),
    url("../assets/fonts/Quatro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Quatro Bold";
  src: local("Quatro Bold"), local("Quatro-Bold"),
    url("../assets/fonts/Quatro-Bold.woff2") format("woff2"),
    url("../assets/fonts/Quatro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}