Изменить размер шрифта в сетке

Question

Я использую систему сетки, чтобы показывать 7 маленьких изображений с номером рядом с каждым из изображений, и оно должно быть похоже на это . В этом первом примере я не использовал систему сетки, но это было намного сложнее, и мне потребовалось 60-120 минут, а при использовании системы сетки мне потребовалось менее 10 минут, НО я не могу изменить размер шрифта. Взгляните здесь

Я попытался перезаписать любой возможный атрибут font-size, а также попытался дать больше классов для div и изменить размер шрифта.

ПРИМЕЧАНИЕ: я мог бы легко изменить семейство шрифтов.

 <div class="container" style="float: left; font-family: 'Germania One', cursive;">
        <div class="row">
          <div class="col">
            <img src="forca.png" alt=""> 2
          </div>
          <div class="col">
            <img src="destreza.png" alt=""> 3
          </div>
          <div class="col">
            <img src="agilidade.png" alt=""> 2
          </div>
          <div class="col">
             <img src="inteligencia.png" alt=""> 8
          </div>
          <div class="col">
            <img src="resistencia.png" alt=""> 4
          </div>
          <div class="col">
            <img src="fe.png" alt=""> 2
          </div>
          <div class="col">
            <img src="carisma.png" alt=""> 4
          </div>
        </div>
      </div>

Answer 1

 <div class="container" style="float: left; font-family: 'Germania One', cursive;">
        <div class="row">
          <div class="col">
            <img src="forca.png" alt=""> 
            <p style="font-size:2em">2</p>
          </div>
          <div class="col">
            <img src="destreza.png" alt=""> 
            <p style="font-size:2em">3</p>
          </div>
          <div class="col">
            <img src="agilidade.png" alt=""> 
            <p style="font-size:2em">2</p>
          </div>
          <div class="col">
             <img src="inteligencia.png" alt=""> 
            <p style="font-size:2em">8</p>
          </div>
          <div class="col">
            <img src="resistencia.png" alt=""> 
            <p style="font-size:2em">4</p>
          </div>
          <div class="col">
            <img src="fe.png" alt=""> 
            <p style="font-size:2em">2</p>
          </div>
          <div class="col">
            <img src="carisma.png" alt=""> 
            <p style="font-size:2em">4</p>
          </div>
        </div>
      </div>