@media only screen and (max-width: 1160px) {
	body, header { overflow-x: hidden; }	
    nav, footer { max-width: 98%; }
	header { background-size: 100%; height: 40vw; image-rendering: auto; }
	main { width: 98%; max-width: 98%; }
}

@media only screen and (max-width: 1100px) {
	.thumbnails .image, img.image, #film img, #film a { max-width: 12vw!important; height: auto; }
	.display_media img { max-width: 65vw !important; }
}

@media only screen and (min-width: 801px) {
	#rmenu { display: block !important; }
}

@media only screen and (max-width: 800px) {
    body { font-size: 0.75rem; }
	#show-menu { display: block; }
	#rmenu, nav .logo, footer .logo, nav .navhr, footer .footerhr, nav ul.menu li::after, footer ul#cred li::after { display: none; }
    nav, footer { height: auto; display: block; border: none; border-radius: 0; }
    nav ul.menu, footer ul#cred { text-align: left; display: block; }
	nav ul.menu li, footer ul#cred li { margin: 0 auto; padding: 15px 8px; text-align: left; border-bottom: 1px solid #f0f0f0; display: block; }
    nav ul.menu li:first-child { margin-top: 10px; }
	nav ul.menu li:last-child, footer ul#cred li:last-child { padding-bottom: 0; border-bottom: none; }
	nav ul.menu li::before, footer ul#cred li::before { content: ''; margin-right: 22px; width: 6px; height: 6px; background: #a3a3a3; border-radius: 100%; display: inline-block; position: relative; }
	.thumbnails { padding-left: 0; padding-right: 0; }
	.navmenu { padding-left: 2px; padding-right: 2px; }
	.tableh1, main h1, #voting_title, #comments .tableh2 { font-size: 24px; }
    .button, .buttonlist ul li a { margin: 2px 0; padding: 3px 4px 4px 4px; }
    footer ul#cred { margin-left: 0; }
}

@media only screen and (max-width: 640px) {	
	.tableh1, main h1, #voting_title, #comments .tableh2  { font-size: 21px; }
	.pgs, .sortorder_cell { display: none; }
}