.container {
	display: grid;	/* block-level grid (else: inline-grid) */
	grid-gap: 10px;
	color: #ddd;
	background-color: #000;
}
.bio-container {
	grid-template-columns: 1fr 5fr 2fr;
}
.bio-container-alt {
	grid-template-columns: 1fr 1fr 5fr 1fr;
}
.rbc-container {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rbc-container-alt {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.faq-container {
	grid-column-gap: 1px;
	grid-template-columns: 1fr 1fr;
	border-radius: 2px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.pmj-container {
	grid-column-gap: 1px;
	grid-template-columns: 578px 1fr;
	margin-left:auto;
	margin-right:auto;
}
.pmj-sub-container {
	display:grid;
	grid-row-gap: 5px;
	grid-template-columns: 1fr 2fr;
}
.youTube-container {
	grid-column-gap: 1px;
	grid-template-columns: 2fr 1fr;
	border-radius: 2px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.songs-container, .favorites-container {
	grid-column-gap: 1px;
	grid-template-columns: 2fr 170px;
	border-radius: 2px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
.box {
  background-color: #888;
  color: #fff;
  padding: 8px;
  font-size: 100%;
  border-radius: 5px;
}
.box-alt {
  background-color: #aaa;
  color: #fff;
  padding: 8px;
  font-size: 100%;
  border-radius: 5px;
}
.black-box {
	background-color: #000;
	color: #fff;
	
	padding: 8px;
	font-size: 100%;
}