Posição fixa em responsividade

[*_Charles Potter_* 1]

Boa Noite Gente

 

Tenho a seguite página:

 

Porem preciso colocar os numeros nas bolas, tentei posicionar a div em % porem dependendo da resolução fica fora da bola.

Alguem tem alguma ideia?

[Vinicius Paludo 2]

Para posicionar o texto dentro da bola de forma responsiva:

 

.bola{

height:20px

text-align:center;

line-height: 20px /*mesma altura da bola

}

 

Para distribuir as bolas horizontalmente na tela, de forma responsiva:

 

Utilize bootstrap ou javascript.