/* ==========================================================================*/
/* https://code-memorandum.com/5 */
/* ==========================================================================*/

.bg .lines {
  margin: 0;
}

.line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* ==========================================================================*/
/* https://code-memorandum.com/373/ */
/* ==========================================================================*/

.map iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* ==========================================================================*/
/* https://code-memorandum.com/451/ */
/* ==========================================================================*/

.grid-items {
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 5px;
}

.grid-auto-fit {
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    grid-gap: 5px;
}

.grid-auto-fill {
  display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    grid-gap: 5px;
}

.grid-items div,
.grid-auto-fit div,
.grid-auto-fill div {
  background: #666;
  color: #fff;
  padding:20px 0;
  text-align: center;
}