#top{
    width:100%;
    min-height:25%;
    padding-top:110px;
    padding-bottom:20px;
    text-align:center;
    border-bottom: 1px solid #999;
    /*margin-bottom: 20px;*/
    outline: 2px solid #eee;
}
#bottom{
    padding: 40px;
}
.bibletext{
    margin-bottom: 10px;
	font-weight: bold;
}
.chapter { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 2em; 
	font-weight: 
	Bold; margin-top: 
	16px; margin-bottom: 
	0px; padding-right: 
	4px; 
	color: gray;
}
.textExplanation { font-family: Arial; font-size: 0.85em; font-style: normal ; font-weight: 400; color: #0f5089 }
.textfield h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; font-style: normal ; font-weight: bold; color: #660000; margin-top: 1.3em;}
.textfield h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-style: normal ; font-weight: bold; color: #660000; margin-top: 1.5em;}
.textfield h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic ; font-weight: 550; color: #660000; margin-top: 1.3em;}

.spacer-xl{
	height: 1.6em;
}
.spacer-l{
	height: 1em;
}
.spacer-m{
	height: 0.6em;
}
.spacer-s{
	height: 0.2em;
}

.textfield{
    padding-top: 20px;
    padding-left:3%;
    padding-right:3%;
    color: var(--bc_header);
    background: var(--bc_accent);
}
.errortextfield{
    padding-top: 20px;
    padding-left:3%;
    padding-right:3%;
    color: var(--errorcolor);
}
.chapterheader{
    font-size: 40px;
    font-weight: bold;
    padding: 3px;
}
#description{
    padding-left:40px;
    padding-right:40px;
}
header{
    background: rgba(0, 0, 0, 0.8);
}
.textsegment-translation{
    width: 75%;
    padding: 0 0 25px;
    position: relative;
}
.textsegment-comment{
    width: 100%;
    padding: 0 0 25px;
    position: relative;
    color: #a5937f;
    font-size: small;
    /*font-family: cursive;*/
}
.translation-note{
    /*float: right;*/
    color: var(--bc_contrast_header);
    font-style: italic;
    /*position: absolute;
    right: 0;
    bottom: 2.5px;*/
}
.commentary-versesegment{
    overflow: auto;
    /*padding-bottom: 30px;*/
    margin: 0 10% 30px;
    border-bottom: 1px solid var(--bc_third);
}
.versesegment{
    margin: 0 10%;
    padding-bottom: 30px;
}

@media only screen and (max-width: 499px) {
    .textfield h1{
        font-size: 24px !important;
    }
}