.bonus_container {
width:230px;
margin:auto;
display: grid;
  grid-template-columns: [line1] 100px [line2] auto [line3] 28px [end];
  grid-template-rows: [row1] 25px [row2] 25px [third-line] 40px [fourth-line] 80px [fifth-line] 20px [sixth-line] 30px [last-line];
grid-column-gap: 5px;
  grid-row-gap: 8px;
 justify-content: stretch;	
 align-content: space-evenly;
grid-auto-flow: column;
font-size: 14px;
}
/* location */
.item-a { 
  grid-column-start: line1;
  grid-column-end: line1;
  grid-row-start: row1;
  grid-row-end: row1;
  justify-self: start;
  align-self: center;
font-size: 15px;
}
/* price */
.item-b { 
  grid-column-start: line3;
  grid-column-end: end;
  grid-row-start: row2;
  grid-row-end: row2;
  justify-self: end;
  align-self: center;
  color: #5ac47a;
    FONT-weight: 600;
}
/* size */
.item-c {
  grid-column-start: line1;
  grid-column-end: line1;
  grid-row-start: row2;
  grid-row-end: row2;
  justify-self: start;
  align-self: center;
}
/* available */
.item-d {
  grid-column-start: line2;
  grid-column-end: end;
  grid-row-start: row1;
  grid-row-end: row1;
  justify-self: end;
  align-self: center;
  color: #5ac47a;

}
/* address */
.item-e {
  grid-column-start: line1;
  grid-column-end: span 2;
  grid-row-start: third-line;
  grid-row-end: fourth-line;
  justify-self: start;
  align-self: start;
}
/* desc */
.item-f {
  grid-column-start: line1;
  grid-column-end: span 3;
  grid-row-start: fourth-line;
  grid-row-end: fifth-line;
  justify-self: start;
  align-self: start;
font-size: 13px;
}
/* apply */
.item-g {
  grid-column-start: line1;
  grid-column-end: span 3;
  grid-row-start: sixth-line;
  grid-row-end: last-line;
  justify-self: center;
  align-self: start;
  color: #b20c10;
    FONT-weight: 600;
}

/* more info */
.item-i {
  grid-column-start: line1;
  grid-column-end: span 3;
  grid-row-start: fifth-line;
  grid-row-end: sixth-line;
  justify-self: center;
  align-self: center;
    FONT-weight: 600;
font-size: 13px;
}


.property_container {
width:680px;
margin:auto;
display: grid;
  grid-template-columns: [line1] 500px [line2] auto [line3] auto;
  grid-template-rows: [row1] 20px [row2] 20px [row3] 20px [row4] 20px [row5] 20px [row6] 20px [row7] 20px  [row8] auto [last-line];
grid-column-gap: 5px;
  grid-row-gap: 5px;
 justify-content: stretch;	
 align-content: space-evenly;
grid-auto-flow: column;
font-size: 14px;
    FONT-weight: 600;
}
/* adress */
.info-a { 
  grid-column-start: line1;
  grid-column-end: line1;
  grid-row-start: row1;
  grid-row-end: row2;
  justify-self: start;
  align-self: center;
font-size: 15px;
}
/* available */
.info-b {
  grid-column-start: line2;
  grid-column-end: span2;
  grid-row-start: row1;
  grid-row-end: row1;
  justify-self: center;
  align-self: center;
  color: #5ac47a;
}
/* desc */
.info-c {
  grid-column-start: line1;
  grid-column-end: line1;
  grid-row-start: row3;
  grid-row-end: end;
  justify-self: start;
  align-self: start;
font-size: 15px;
    FONT-weight: 300;
}

/* price */
.info-d1 { 
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row2;
  grid-row-end: row2;
  justify-self: end;
  align-self: center;
}
.info-d { 
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row2;
  grid-row-end: row2;
  justify-self: start;
  align-self: center;
  color: #5ac47a;
}
/* deposit */
.info-e1 {
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row3;
  grid-row-end: row3;
  justify-self: end;
  align-self: center;
}
.info-e {
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row3;
  grid-row-end: row3;
  justify-self: start;
  align-self: center;
  color: #5ac47a;
}
/* lease */
.info-f1 {
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row4;
  grid-row-end: row4;
  justify-self: end;
  align-self: center;
}
.info-f {
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row4;
  grid-row-end: row4;
  justify-self: start;
  align-self: center;
}
/* size */
.info-g1 {
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row5;
  grid-row-end: row5;
  justify-self: end;
  align-self: center;
}
.info-g {
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row5;
  grid-row-end: row5;
  justify-self: start;
  align-self: center;
}
/* playnow */
.info-h {
  grid-column-start: line2;
  grid-column-end: span2;
  grid-row-start: row6;
  grid-row-end: row6;
  justify-self: center;
  align-self: center;
}
/* cat info */
.info-i1 {
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row7;
  grid-row-end: row7;
  justify-self: end;
  align-self: center;
}
.info-i {
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row7;
  grid-row-end: row7;
  justify-self: start;
  align-self: center;
  color: #5ac47a;
}
/* dog */
.info-j1 { 
  grid-column-start: line2;
  grid-column-end: line2;
  grid-row-start: row8;
  grid-row-end: row8;
  justify-self: end;
  align-self: center;
}
.info-j { 
  grid-column-start: line3;
  grid-column-end: line3;
  grid-row-start: row8;
  grid-row-end: row8;
  justify-self: start;
  align-self: center;
  color: #5ac47a;
}