/****** Width ******/
@media (max-width: 1400px) {													/* menu gets thinner */
	nav#sidebar																	{ width: 40px; visibility: visible; }
		nav#sidebar			div#menu			h2								{ display: none; }
		nav#sidebar			div#menu			ul								{ margin: 0; width: 300px; }
			nav#sidebar		div#menu			ul li							{ width: 300px; }
			nav#sidebar		div#menu 			ul li:hover						{ font-size: 100%; width: 300px; }
				nav#sidebar	div#menu 			ul li		a					{ width: 15px; height: 20px; border-left: 2px solid #333; width: 300px; }
}

@media (max-width: 1300px) {													/* error messages in dialog boxes appear on the next line */
	span.errormessage.dialogfeedback, span.successmessage.dialogfeedback, span.warningmessage.dialogfeedback
																				{ position: initial; left: initial; display: block; }
}
@media (max-width: 1000px) {													/* calendar future months disappear */
	div#calendar																{ width: 300px; margin: auto; }
	div.gridbox.gridspan7, div.gridbox.gridspan8								{ grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 925px) {														/* menu disappears/hamburger appears, carousel and banner disappear */
	div#outercontent															{ width: 100%; left: 0; }
	header#header																{ height: 100px; }
		header#header		div#carousel										{ display: none; }
		header#header		div#banner											{ display: none; }
	main#mainblock																{ top: 100px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
	nav#sidebar																	{ width: 0; background: none; top: 25px; left: 7px; z-index: 3; border-right: 0; overflow: unset; padding: 0; transition: unset; display: block; }
		nav#sidebar:hover														{ width: 0; }
		nav#sidebar			div#menu											{ width: 300px; margin-top: 5px; visibility: hidden; border-radius: 15px; }
		nav#sidebar			div#menu			ul	li							{ font-size: 100%; }
		nav#sidebar			div#menu			ul	li	a						{ width: 300px; border-left: 2px solid #333; background-color: #111; }
		nav#sidebar			div#menu			ul	li	a span.menu_item_text	{ opacity: 100% !important; transition: unset !important; }
		nav#sidebar			div#menu			ul	li	ul						{ width: 290px; padding: 0 !important; transition: unset !important; }
		nav#sidebar			div#menu			ul	li	ul	li					{ padding-left: 10px; width: 290px; background-color: #111; }
		nav#sidebar			div#menu			ul	li	ul	li	a				{ transition: unset !important; }
		nav#sidebar			div#menu_hamburger									{ display: block; }
	dl.filelist																	{ grid-template-columns: repeat(2, .1fr 1fr); }
}

@media (max-width: 750px) {
	div.gridbox.gridspan5, div.gridbox.gridspan6, div.gridbox.gridspan7, div.gridbox.gridspan8
																				{ grid-template-columns: repeat(3, 1fr); }
	div.gridbox.gridspan2														{ grid-template-columns: repeat(1, 1fr); }
}

@media (max-width: 600px) {
	header#header																{ width: 100%; }
		header#header		div#logoblock	img#logoblock_serieslogo			{ width: 75%; }
	main#mainblock																{ border-top-left-radius: 15px; border-top-right-radius: 15px; bottom: 90px; }
		main#mainblock		h1													{ font-size: 115%; }
		main#mainblock		div.calendarlink									{ top: 80px; }
		main#mainblock		div#calendar div.calendarpopup dl.categories dd		{ margin-left: 0; }
		main#mainblock		dl.filelist											{ grid-template-columns: repeat(1, .1fr 1fr); }
		main#mainblock		div.gridbox.gridspan3, div.gridbox.gridspan4, div.gridbox.gridspan5, div.gridbox.gridspan6, div.gridbox.gridspan7, div.gridbox.gridspan8
																				{ grid-template-columns: repeat(2, 1fr); }
	footer#footer																{ height: 90px; }
		footer#footer		span#fineprinttext									{ display: block; }
		footer#footer		span#sitelinks										{ display: block; }
	dl.categories, dl.categoriesfixedwidth										{ display: revert; }
		dl.categories				dt,
		dl.categoriesfixedwidth		dt											{ margin-top: 10px; }
		dl.categories				dd,
		dl.categoriesfixedwidth		dd											{ width: 95%; margin-left: 15px; }
		dl.categories				dd.featureimage,
		dl.categoriesfixedwidth		dd.featureimage								{ float: initial; text-align: center; } 
		dl.categories				dd.featureimage	p,
		dl.categoriesfixedwidth		dd.featureimage	p, div.smashwords-widget	{ display: inline-block; }
}

@media (max-width: 300px) {
	main#mainblock																{ bottom: 0; }
	footer#footer																{ height: 0; }
}

/****** Height ******/
@media (max-height: 900px) {													/* page title is too big for screen */
	main#mainblock			h1													{ font-size: 115%; }

@media (max-height: 600px) {													/* banner and carousel disappear */
	nav#sidebar																	{ bottom: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
	header#header																{ height: 100px; }
		header#header		div#carousel										{ display: none; }
		header#header		div#banner											{ display: none; }
	main#mainblock																{ top: 100px; border-top-right-radius: 15px; }
}

@media (max-height: 400px) {													/* logo, footer disappear */
	header#header																{ display: none; }
	main#mainblock																{ top: 0; bottom: 0; border-bottom-right-radius: 15px; }
	footer#footer																{ display: none; }
}