O legend do rodapePrincipal-contatoForm não está alinhando ao centro conforme na aula

Na hora de finalizar o site responsivo o legend do formulário de contato não alinha ao centro mesmo com o código idêntico ao do vídeo:

@media(max-width: 768px) {

    .cabecalhoPrincipal-nav {
        flex-direction:column;
    }

    .cabecalhoPrincipal .container{
        flex-direction: column;  
        align-items: initial;
        text-align: center;
    }

    .conteudoPrincipal-cursos {
        flex-direction: column;
    }

    .conteudoPrincipal-cursos-link {
        width: 100%;
    }

    .rodapePrincipal-navMap-list {
        height: auto;
    }

    .rodapePrincipal-patrocinadores .container {
        flex-direction: column;
        align-items: center;
    }

    .rodapePrincipal-patrocinadores-list{
        margin: 0;
        width: 100%;
    }

    .rodapePrincipal-contatoForm {
        width: 100%;
    }


    .rodapePrincipal-contatoForm-fieldset {
        justify-content: center;
    }
}

Tentei adicionar um "text-align:center" direto no legend e não funcionou, assim como atribuir um "display:flex" no "fieldset", nem "vertical-align", nem "align-items". Nenhuma opção funcionou. Ao testar em outro navegador(Chrome) funcionou, é algum bug do Firefox?