@media screen and (max-width: 600px) {
  
  h2 {
    font-size: 2.3rem;
  }
  
  hr {
    display: none;
  }
  

  img {
    max-width: 100%;
    display: block;
  }    

  .sobre {
    margin: 0 5vh;
  }

  .descricao {
    flex-direction: column;
    justify-content: space-evenly;
  }

  .quem-sou {
    width: 100%;
    height: auto;
  }
  .quem-sou > h1 {
    text-align: center;
    margin-bottom: 15px;
  }

  .contato > ul {
    align-items: center;
    flex-direction: column;
  }

  .contato > ul > li {
    margin: 6px 0;
  }

  .informacoes {
    margin: 0 5vh;
    justify-content: space-evenly;
    padding: 0;
  }

  .habilidades {
    margin: 0 5vh;
  }

  .habilidades > .titulo > h2 {
    width: 100%;
  }

  .habilidades > ul > li {
    border: 1px solid var(--cor-detalhe);
    flex-direction: column;
  }

  .habilidades > ul > li > h3 {
    width: 100%;
    border-bottom: 1px solid var(--cor-detalhe);
  }

  .habilidades > ul > li > ul {
    width: 100%;
    border: none;
  }

  .habilidades > ul > li > ul > li {
    margin: 15px 0px;
  }

}