/* Home page */
.home-intro .grid{
    grid-template-columns:repeat(3,1fr)}

.home-intro h2{margin:8px 0}

/* Keep the three intro buttons on one line regardless of how the text wraps. */
.home-intro .card{
    display:flex;
    flex-direction:column}

.home-intro .card .btn{
    margin-top:auto;
    align-self:flex-start}

.home-catalogue h2{margin:6px 0 12px}

.book-grid{display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px}

@media (max-width:1024px){
     .home-intro .grid{grid-template-columns:1fr} .book-grid{grid-template-columns:repeat(2,1fr)} }
     
@media (max-width:560px){ .book-grid{grid-template-columns:1fr} }