@font-face {
  font-family: 'Roboto';
  src: url('../apoio/fonts/roboto-regular/roboto-regular.woff') format('woff'),
       url('../apoio/fonts/roboto-regular/roboto-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../apoio/fonts/roboto-medium/roboto-medium.woff2') format('woff2'),
       url('../apoio/fonts/roboto-medium/roboto-medium.woff') format('woff'),
       url('../apoio/fonts/roboto-medium/roboto-medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../apoio/fonts/roboto-bold/roboto-bold.woff2') format('woff2'),
       url('../apoio/fonts/roboto-bold/roboto-bold.woff') format('woff'),
       url('../apoio/fonts/roboto-bold/roboto-bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../apoio/fonts/roboto-black/roboto-black.woff2') format('woff2'),
       url('../apoio/fonts/roboto-black/roboto-black.woff') format('woff'),
       url('../apoio/fonts/roboto-black/roboto-black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}