Olá...

Codifiquei @media screen, conforme instrutor foi ensinando, porém quando tirei modo do mobile, e coloquei o pc normal, a página fica com a mesma formatação do mobile.

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

.cabecalhoPrincipal-nav { display: flex; }

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

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

.rodapePrincipal-contatoForm { width: 25%; }

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

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

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

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

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

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

.videoSobre .container { display: flex; }

.videoSobre-sobre { text-align: center; display: flex; flex-direction: column; flex-grow: 2; }

.videoSobre-sobre-list { flex-grow: 1; }

.videoSobre-video { flex-grow: 1 ; flex-shrink: 2; }

/@media screen/ @media screen and (max-width: 768px) {

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

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

.rodapePrincipal-navMap-list { height: 100%; }

.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; }

.cabecalhoPrincipal-nav-link-app { order: -1; }

.videoSobre .container { flex-direction: column; }

.videoSobre-video { margin: 0 auto; }