.flex{
  flex-wrap: wrap;
}

.flex .half{
  width: 100%;
  margin-right: 0;
}

.flex .third{
  width: 100%;
  margin-right: 0;
}

.mobile-grid-6{
  grid-template-columns: repeat(6, 1fr); 
}

.mobile-grid-5{
  grid-template-columns: repeat(5, 1fr); 
}

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

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

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


.mobile-grid-span-1 {
  grid-column: span 1;
}
.mobile-grid-span-2 {
  grid-column: span 2;
}
.mobile-grid-span-3 {
  grid-column: span 3;
}
.mobile-grid-span-4 {
  grid-column: span 4;
}
.mobile-grid-span-5 {
  grid-column: span 5;
}