.grid-four  { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto);  }
.grid-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto);  }

.grid-colum-one     { grid-column: span 1; }
.grid-colum-two     { grid-column: span 2; }
.grid-colum-three   { grid-column: span 3; }
.grid-colum-four    { grid-column: span 4; }

.grid-row-one   { grid-row: span 1; }
.grid-row-two   { grid-row: span 2; }
.grid-row-three { grid-row: span 3; }
.grid-row-four  { grid-row: span 4; }

.grid-align-center          { display: grid; align-items: center; justify-content: center; }
.grid-align-vertical-center { display: grid; align-items: center; }
.grid-align-bottom          { display: grid; align-items: end; }
.grid-align-bottom-right    { display: grid; align-items: end; justify-content: end; }

@media only screen and (max-width: 700px) { 
    .phone { grid-template-columns: 1fr; gap: 0px; } 
    .no-phone { display: none; }
}