Duvida no alinhamento do texto

A ideia era justificar e centralizar o texto. Usei o text-align para justificar e coloquei margin: auto, porém como nesse caso o parágrafo missão tem um tamanho de fonte diferente ele acabava não alinhando com o resto do texto. Resolve colocando margin-left: 30%. Gostaria de saber porque com margin: auto ao mudar o tamanho da fonte o parágrafo fica desalinhado

<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 class='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>

p {
    text-align: justify;
    width: 50em;
    margin-left: 30%;
}

.missao {
    font-size: 20px;


}