path{
  transition: var(--transition)
}

p{
  margin: 0;
}

.padding-s{
  padding: var(--padding-s);
}

.padding-m{
  padding:var(--padding-m);
}

.padding-l{
  padding:var(--padding-l);
}

.gap-s{
  gap:var(--padding-s);
}

.gap-m{
  gap:var(--padding-m);
}

.gap-l{
  gap:var(--padding-l);
}

.grid-2{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}

.text-green{
  color: var(--green);
}

.grid-3{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}

/* Mobile portrait and below */
@media only screen and (max-width: 767px){
  
.grid-2, .grid-3{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.phone-order-1{
  order: -1;
}

}