.grid-wrap{max-width:100%;margin:3em auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:50px 150px 50px;grid-template-areas:"head head2 . side" "main main2 . side" "footer footer footer footer";direction:rtl}:lang(en) .grid-wrap{direction:ltr}.item{border-radius:3px;margin:2px;color:#fff;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.item-1{grid-area:head;background:#acb646}.item-1-2{grid-area:head2;background:#acb646}.item-2{grid-area:main;background:#1c6e56}.item-2-2{grid-area:main2;background:#1c6e56}.item-3{grid-area:side;background:#d7a82a}.item-4{grid-area:footer;background:#29737b}.grid2{grid-template-areas:"head head . side" "main main main side" ". footer footer side"}.grid2{grid-template-columns:1fr 1fr 40px 20%}.grid3{grid-template-columns:1fr 1fr 40px 2fr}@media screen and (max-width:40em){.grid3{grid-template-areas:"head head head head" "main main main main" "side side side side" "footer footer footer footer"}}