Dúvida sobre o css para a pagina inicial

Eu fiz como o professor indicou, com a alteração de tamanho proporcional, porém meu texto continua igual. Não ocorreu aumento nem separação. Nem as imagens se adequaram. Estou tentando ver se alguma class está sobrepujando outra, porém não consegui encontrar.

Sobre a Barbearia Alura

            <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

            <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

            <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
        </section>

        <section class="beneficios">
            <h3 class="titulo-principal">Benefícios</h3>

            <ul>
                <li class="itens">Atendimento aos Clientes</li>
                <li class="itens">Espaço diferenciado</li>
                <li class="itens">Localização</li>
                <li class="itens">Profissionais Qualificados</li>
            </ul>

            <img src="beneficios.jpg" class="imagembeneficios">
        </section>

/css da pagina inicial/ .banner { width: 100%; }

.titulo-principal { text-align: center; font-size: 2em; margin: 0 0 1em; }

.principal { margin: 0 0 1em; }

.principal strong { font-weight: bold; }

.principal em { font-style: italic; }

.imagembeneficios { width: 60%; }