*{box-sizing:border-box}.container{max-width:800px;margin:0 auto}.row{display:grid;grid-template-columns:repeat(12, 1fr)}.gutters.row{gap:2%}[class^="span_"]{grid-column:span 12}@media (min-width: 768px){.span_1{grid-column:span 1}.span_2{grid-column:span 2}.span_3{grid-column:span 3}.span_4{grid-column:span 4}.span_5{grid-column:span 5}.span_6{grid-column:span 6}.span_7{grid-column:span 7}.span_8{grid-column:span 8}.span_9{grid-column:span 9}.span_10{grid-column:span 10}.span_11{grid-column:span 11}.span_12{grid-column:span 12}}