body { font-size: 54%; }

@media (max-width: 336px) {
	body { font-size: 44%; }

	article.helpMenu li a { line-height: 2.25em; line-height: 1.25em; padding-top: .5em; padding-bottom: .5em; }
}

@media (max-width: 385px) and (min-width:337px) and (max-height:520px) {
	body { font-size: 44%; }

	article.helpMenu li a { height: 2em; line-height: 2em; }
}


body { background: -webkit-linear-gradient(top, #000000 50%, #323232); background: -moz-linear-gradient(top, #000000 50%, #323232); background: -ms-linear-gradient(top, #000000 50%, #323232); }

.helpMenu .helpContent { display: none; }

article .helpContent { height: 75%; background-color: transparent; padding: 0; margin: 0; position: absolute; top: 5em; left: 5%; width: 90%; overflow: auto; -webkit-overflow-scrolling: touch; /*line-height: 1;*/ }
article .contentPanel { width: 96%; height: 100%; padding: 0px 2% 1em 2%; overflow: hidden; }
article .helpContent.padLayoutWrap,
article .helpContent { top: 8em; height: 65%; }
.contentPanel .backLink { width: 2em; height: 2.2em; margin-left: 5%; margin-top: 12px; }
.helpContent.advancedControls img { height: 42px; margin-bottom: -14px; }
/*.contentPanel .backLink { background-position-x: 1em; background-position-y: 1em; background-size: 75%; background-position: .15em .5em; height: 2.5em; width: 2.5em; float: left; margin: 0px; }*/
/*.contentPanel .backLink:focus { background-position-x: 1em; background-position-y: 1em; background-size: 75%; background-position: .15em .5em; }*/
.helpContent p { padding: 0 2%; }
.articles article:not(.helpMenu) .articleTitle { margin-top: 1.9em; margin-left: .35em; height: 2.25em; margin: 0 5%; }
/*.articles article:not(.helpMenu) .articleTitle .articleTopic { margin: 0; }*/
.contentPanel .articleTopic { margin-top: 18px; }
article .contentPanel .articleTitle { margin-top: .25em; margin-right: 5%; display: block; /* width: 70%; width: 100%; */ /*max-height: 3.8em; overflow: hidden;*/ }
article .contentPanel .articleTitle img { width: 80%; max-width: 302px; }
article .contentPanel .navLinks { clear: both; }

.helpMenu li a { line-height: 2.75em; line-height: 1.75em; padding-left: 5%; padding-top: .5em; padding-bottom: .5em; }

.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus) { border: none; background-color: transparent; outline: 0; box-shadow: none; }


article .contentPanel .panelButtons { display: none; }

.pageCounter { display: block; position: fixed; bottom: .15em; right: .5em; }