#links {
  display: flex;
  align-items:flex-start;           
  background-color: #fcfccc;
}

.blk {
  border: 2px solid green;
  background-color: white;
  margin: 10px;
}

.blk a {
  text-decoration: none;
  padding: 2px;
}

.blk a:hover {
  background-color: #ccc;
}

.blkhead {
  border-bottom: 2px solid navy;
  background-color: #ddddff;
  font-weight: bold;
  padding: 4px;
}

.blkbody {
  background-color: white;
  margin: 6px;
}

.blkbody2 {
  column-count: 2; 
  background-color: white;
  margin: 6px;
}

@media only screen and (max-width: 640px) {
  #links {
    display: block;
  }
  .blkbody {
    column-count:2;
  }
}

.blkbody a.sameline, .blkbody2 a.sameline {
  display: inline;
}

.blkbody a,.blkbody2 a {
  display: block;
}

.blkimg {
	/*
  width: 100%;
  box-sizing: content-box;
	*/
  width: 320px;
	height: 240px;
  border: 2px solid green;
  margin: 10px;  
}

.blkline a {
  padding-left: 6px;
  padding-right: 4px;
}