@media screen and (max-width: 800px){
   #divBotoesControle{
      display: grid;
      grid-template-columns: auto auto auto auto auto auto;
      grid-template-rows: auto auto;
      grid-gap: 2px 0px;
      grid-template-areas:
         "A A B B C D"
         "E F G H I J";
   }
    
   #linhaComando{grid-area: A;}
   #livro{grid-area: B;}
   #capitulo{grid-area: C;}
   #qtdVersoes{grid-area: D;}

   #livroGenesis{grid-area: E;}
   #voltarLivro{grid-area: F;}
   #voltarCapitulo{grid-area: G;}
   #avancarCapitulo{grid-area: H;}
   #avancarLivro{grid-area: I;}
   #livroApocalipse{grid-area: J;}
   

   
   /*
   #voltarLivro,
   #voltarCapitulo,
   #avancarCapitulo,
   #avancarLivro,
   #livroGenesis,
   #livroApocalipse{
      display: none;
   }
   */

   #qtdVersoes, #livroApocalipse{
      border-right: 1px solid lightgray;
   }

   #linhaComando{
      width: 100px;
   }
}