.module-hotelslider {

    @media screen and (max-width: 800px) {

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto auto auto;
        flex-direction: column;
        justify-content: flex-start;

        >h2 {
            grid-area: 1 / 1 / 1 / 1; 
            margin-bottom: 0.625rem;
        }

        >.list-thumbs {
            grid-area: 2 / 1 / 2 / 1; 
        }

        >.legend {
            margin-top: 1rem;
            grid-area: 3 / 1 / 3 / 1; 
        }

        >.content {
             grid-area: 4 / 1 / 4 / 1; 
            p {
                margin-bottom: 0px;
            }
        }

        .buttons {
            grid-area: 5 / 1 / 5 / 1; 
        }

        >a,
        >.buttons {
            margin-right: auto;
        }

    }

}