@media (max-width:992px){

    /* Blocos ******************************************************** */
    main .block {
        padding-bottom: 50px;
        margin-left: 2%;
        margin-right: 2%;
        box-shadow: 1px 2px 6px rgb(0, 0, 0,0.15);
    }
    main .block .grid{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    main .block .grid .text-grid{
        grid-template-columns: 1fr 1.2fr;
        grid-template-rows: auto auto;
    }
    main .block .grid .text-grid .book-data {
        text-align: right;
    }
    main .block .grid .text-grid .book-desc{
        grid-column-start: 1;
        grid-column-end: 3;
        
    }
    .btn-hide{
        display: none;
    }   
}