*{box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.grid div.col-1{grid-column:auto/span 1}@media screen and (max-width:480px){.grid div.col-1{grid-column:auto/span 12}}.grid div.col-2{grid-column:auto/span 2}@media screen and (max-width:480px){.grid div.col-2{grid-column:auto/span 12}}.grid div.col-3{grid-column:auto/span 3}@media screen and (max-width:480px){.grid div.col-3{grid-column:auto/span 12}}.grid div.col-4{grid-column:auto/span 4}@media screen and (max-width:480px){.grid div.col-4{grid-column:auto/span 12}}.grid div.col-5{grid-column:auto/span 5}@media screen and (max-width:480px){.grid div.col-5{grid-column:auto/span 12}}.grid div.col-6{grid-column:auto/span 6}@media screen and (max-width:480px){.grid div.col-6{grid-column:auto/span 12}}.grid div.col-7{grid-column:auto/span 7}@media screen and (max-width:480px){.grid div.col-7{grid-column:auto/span 12}}.grid div.col-8{grid-column:auto/span 8}@media screen and (max-width:480px){.grid div.col-8{grid-column:auto/span 12}}.grid div.col-9{grid-column:auto/span 9}@media screen and (max-width:480px){.grid div.col-9{grid-column:auto/span 12}}.grid div.col-10{grid-column:auto/span 10}@media screen and (max-width:480px){.grid div.col-10{grid-column:auto/span 12}}.grid div.col-11{grid-column:auto/span 11}@media screen and (max-width:480px){.grid div.col-11{grid-column:auto/span 12}}.grid div.col-12{grid-column:auto/span 12}@media screen and (max-width:480px){.grid div.col-12{grid-column:auto/span 12}}.grid.gap-xs{grid-gap:10px}.grid.gap-s{grid-gap:20px}.grid.gap-md{grid-gap:40px}.grid.gap-l{grid-gap:60px}.grid.gap-xl{grid-gap:80px}@media screen and (max-width:1024px){.grid.mq-desktop div[class^=col]{grid-column:span 12}}@media screen and (max-width:768px){.grid.mq-tablet div[class^=col]{grid-column:span 12}}