#standard-hymn-page {
	display: grid;
	grid-template-columns: min-content minmax(calc(100% - 250px), 100%);
	grid-template-areas: "nothing title"
	                     "bubble  hymn";
}
#standard-hymn-page #hymn-titlebar {
	grid-area: title;
}
#standard-hymn-page .infoBubble {
	grid-area: bubble;
	min-width: 250px;
}
#standard-hymn-page .hymnSection {
	grid-area: hymn;
}

/* When there is less horizontal space, use the default layout
   rather than the grid layout. */
@media only screen and (max-width: 999px) {
	#standard-hymn-page {
		display: block;
	}
}
/* 930px is the width when the hamburger menu starts to be able
   to expand into the screen */
@media only screen and (max-width: 1200px) and (min-width: 930px) {
	body:not(.hamburger-closed) #standard-hymn-page {
		display: block;
	}
}