No meu responsivo a imagem ficou mais alinhada para direita e quando eu fecho o responsivo e abro para a tela de pc, ficou todo bagunçado. Vai ser colocado algo que sinalize que está sendo feito o responsivo, pois todas as classes pais que mexemos agora foram as que mexemos nos capítulos anteriores. Vou o código do css e dois prints, um print da tela do pc normal e outro do responsivo.

/*Estilização de Flexbox*/

.cabecalhoPrincipal .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cabecalhoPrincipal-nav {
  display: flex;
}

.rodapePrincipal-patrocinadores .container {
  display: flex;
  justify-content: space-between;
}

.rodapePrincipal-patrocinadores-list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 70%;
  margin-right: 5%;
}

.rodapePrincipal-contatoForm {
  width: 25%;
}

.rodapePrincipal-contatoForm-fieldset {
  display: flex;
}

.rodapePrincipal-navMap-list {
  display: flex;
  /*
  flex-direction: column;
  flex-wrap: wrap;
  */
  height: 250px;
  flex-flow: column wrap;
}

.conteudoPrincipal-cursos {
  display: flex;
  flex-wrap: wrap;
}

.conteudoPrincipal-cursos-link {
  width: 23%;
  margin: 1%;
}

.conteudoPrincipal-cursos-link:nth-child(4n) {
  margin-right: 0;
}

.conteudoPrincipal-cursos-link:nth-child(4n + 1) {
  margin-left: 0;
}

/*Parte Mobile*/
.cabecalhoPrincipal-nav {
  flex-direction: column;
}

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

!PC](https://cdn1.gnarususercontent.com.br/1/1296159/78aa6c8c-e08d-4f13-be8f-926552b2d1b8.png)