/******** notes ********/

img {

  max-width: 100%;

  height: auto;

}

/* TABLE STUFF *** Desktop: Display as a horizontal row */


.table-row-container {

  display: flex;

  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #ccc;

  padding: 10px;

}



.table-cell {

  flex: 1;

  padding: 8px;
  border-right: 1px solid #eee;
}



/* Remove border on the last cell */


.table-cell:last-child {

  border-right: none;

}



/* Mobile: Automatically switch to vertical stacking */


@media screen and (max-width: 768px) {

.table-row-container {

  flex-direction: column;
  }
 
.table-cell {

  border-right: none;
  border-bottom: 1px solid #eee;
  } 
.table-cell:last-child {
 
  border-bottom: none;

  } 
}

/* END TABLE STUFF ***/