body > div {
	left: 0px;
	display: block;

	position: initial;

	min-height: calc(100vh - 50px);
}

nav
{
	position: fixed;
	top: 0px;
	right: 0px;
	height: 40px;
	width: 100%;
	text-align: left;
	justify-content: flex-start;
	background-color: black;
}

body > nav::before
{
	content: "MENU";
	color: white;
	padding-left: 10px;
	padding-top: 8px;

	vertical-align: middle;
	justify-content: center;
	background-color: black;
}


body > nav a { display: none; }

body > nav.open
{
	height: 100%;
	bottom: 0px;
	top: 0px;
}

body > nav.open a {

	display: block;
	padding-left: 20px;
 }

#nav-target
{
	width: calc(100%);
	background-color: white;
}

.row 
{
	display: block;
}


.column:not(:first-child)
{
	margin-left: 0px;
}


.columns {
	display: block;

}
.column
{
	width: 100%;
}

body > div:not(.commentContainer) {
	
	position: relative;

	top: 0px;
	left: 0px;
	display: block;
}

.page-container .view, .page-container.disabled .view
{
	display: block;
}

.commentContainer
{
	width: calc(100% - 20px);
	left: 10px;
	position: fixed;
	z-index: 6;
	background-color: white;
	background-image: none;
	height: 400px;
}

img{
    max-width: 90%;
}

#main
{
	margin-top: 40px;
}


.column:not(:first-child)
{
	margin-left: 0px;
}

 main {
	display: block;

	margin: 0px;
	margin-top: 40px;
	width: initial;
	height: initial;
	line-height: .22699in;

	padding: 0px 10px;
	font-size: 12pt;
	
	background-image: none;
	
	background-repeat: repeat;
}

iframe.embeddedPage {
		width: 100%;
		height: calc(100dvh - 40px);
		margin-top: 40px;

}


h1, h2, h3, p, .card-title, .song-row {
	font-size: 12pt;
}

 .left {
	position: initial;
	width: initial;
	height: initial;
	top: 0;
	left: 0;
	padding: 0px
}

 .right {
	position: initial;
	width: initial;
	height: initial;
}

 #next-page-target, #next-page-img, #previous-page-target, #previous-page-img {
	display: none;
}