@font-face {
    font-family: TT Commons;
    src: url(TTCommons-Regular.otf);
}

*{
    font-family: TT Commons;
}

.fonte{
    font-family: TT Commons;
}

.texto-card-central{
  text-align: center;
}

.string-vgv-card-central{
  text-align: center;
}

.numero-card-central{
  text-align: center;
}

/*breakpoints sizes
  sm: min-width: 640px;
  md: min-width: 768px;
  lg: min-width: 1024px;
  xl: min-width: 1280px;
  2xl: min-width: 1536px;
*/
@media (min-width: 640px) {
  .texto-card-central{
    font-size: 0.85rem
  }

  .string-vgv-card-central{
    font-size: 0.95rem
  }

  .numero-card-central{
    font-size: 2.75rem
  }
}

@media (min-width: 768px) {
  .texto-card-central{
    font-size: 1.1rem
  }

  .string-vgv-card-central{
    font-size: 1.1rem
  }

  .numero-card-central{
    font-size: 3.25rem
  }
}

@media (min-width: 1024px) {
  .texto-card-central{
    font-size: 1.25rem
  }

  .string-vgv-card-central{
    font-size: 1.3rem
  }

  .numero-card-central{
    font-size: 3.75rem
  }
}

@media (min-width: 1280px) {
  .texto-card-central{
    font-size: 1.5rem
  }

  .string-vgv-card-central{
    font-size: 1.5rem
  }

  .numero-card-central{
    font-size: 4.25rem
  }
}

@media (min-width: 1536px) {
  .texto-card-central{
    font-size: 1.65rem
  }

  .string-vgv-card-central{
    font-size: 1.7rem
  }

  .numero-card-central{
    font-size: 4.75rem
  }
}