Não consigo alterar o tamanho da fonte

Código no html

    <main>
            <ul class="produtos">
                <li>
                    <h2> Corte </h2>
                    <img src="cabelo.jpg" alt="">
                    <p class="produto-descricao">    Na tesoura ou máquina, como o cliente preferir</p>
                    <p class="produto-preco">R$ 25,00</p>
                </li>

                <li>
                    <h2> Barba </h2>
                    <img src="barba.jpg" alt="">
                    <p class="produto-descricao">Corte e desenho profissional de barba </p>
                    <p class="produto-preco">R$ 18,00</p>
                </li>

                <li>
                    <h2> Cabelo + Barba </h2>
                    <img src="cabelo+barba.jpg" alt="">
                    <p class="produto-descricao">Pacote completo de cabelo e barba</p>
                    <p class="produto-preco">R$ 35,00</p>
                </li>

            </ul>
        </main>

Código no CSS

.produtos h2 {
    font-size: 30 px;
    font-weight: bold;
}

.produto-descricao {
    font-size: 18px;
}

.produto-preco {
    font-size: 22px;
    font-weight: bold;
}

O h2 fica em negrito mas não aumenta de tamanho, fiz algo errado e não estou percebendo?