:root{
    --shadow: 0 18px 52px rgba(13, 38, 51, .11); 
} 

.grid-layout__2{
    grid-template-columns: repeat(2, 1fr);
}

.grid-layout__3{
    grid-template-columns: repeat(3, 1fr);
}

.grid-layout__4{
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 770px) {
    .grid-layout__2,
    .grid-layout__3,
    .grid-layout__4{
        grid-template-columns: 1fr;
    }
}