@media (max-width: 767px) {

  footer {
    flex-direction: column;
    text-align: center;
    font-size: 13px;
    gap: 8px;
  }

  .cabecalho-imagem {
    height: 40px;
    margin-top: 1%;
  }

  .cabecalho ul li {
    padding: 8px;
  }

  .cabecalho ul li a {
    font-size: 13px;
  }

  .conteudo-principal {
    flex-direction: column;
    align-items: center;
    padding: 4% 5%;
  }

  .conteudo-principal-escrito {
    gap: 20px;
    text-align: center;
  }

  .conteudo-principal-imagem {
    height: 220px;
  }

  .titulo {
    font-size: 26px;
    text-align: center;
  }

  .titulo-simples {
    font-size: 24px;
  }

  .conteudo-simples {
    font-size: 14px;
  }

  .timeline {
    padding: 12px 0;
  }

  .skills {
    justify-content: center;
  }

}