@media (max-width: 600px) {
  body {
    display: block;
    
  }

  .header {
    margin: 20px  0 30px 0 ;   
  }
   
  .menu {
    /*gap: 0 20px 20px 0;
    justify-content: space-evenly;  
    width: 80vw;    */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .menu a {
    /*width: 30vw;
    height: 80px;
    font-size: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;*/
    }

   

    .conteudo {
      /*display: flex;
      flex-direction: column;
      padding: 20px;
      max-width: 100vw;*/
      max-width: 100vw;
      overflow-x: hidden;
      box-sizing: border-box;
    }

    .introducao{
      display: flex;
      flex-direction: column;
      align-items: start;
      text-align: start;
      overflow-wrap: break-word;
      word-break: break-word;
      
    }

    .introducao p {
      overflow-wrap: break-word;
      word-break: break-word;
      max-width: 90vw;
      /*max-width: 100vw;*/
    }

    .conteudo {
      max-width: 600px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .conteudo img {
      max-width: 100vw;
    }

    .introducao::before {
      display:none     
    }

    .child {
      max-width: 100%;
      overflow-wrap: break-word;
      word-break: break-word;
      box-sizing: border-box;
    }

}