div.CustomPageBase h2 {font-weight:bold; font-size:30px; flex-basis:100%; text-align:center}

div.CustomPageBase h2 span {text-decoration:underline; white-space:nowrap}





@media screen and (min-width:415px)
{
	div.CustomPageBase h2 {font-size:40px}
}

@media screen and (min-width:500px)
{
	div.CustomPageBase h2 {font-size:50px}
}


div.CustomPageBase > [id] {padding-top:calc(20px + 5vw); padding-bottom:calc(20px + 5vw);}


div.CustomPageBase > [id] > h2,
div.CustomPageBase > [id] > h2 + h3 {margin-left:10px; margin-right:10px}



/* Link under pane header */
div.CustomPageBase > [id] > h2 + a {display:block; flex-basis:100%; text-align:center; margin-bottom:50px; font-size:25px; color:#6C0; margin-top:20px}
div.CustomPageBase > [id] > h2 + a::after {content:' >'}
div.CustomPageBase > [id] > h2 + a:hover  {color:#397100;}




div.NutrientMap {box-shadow:rgba(0,0,0,0.1) 10px 10px 10px}