@media only screen and (max-width: 1210px) {
	body, header { overflow-x: hidden; }
    main { width: 98%; height: 98%; }
}

@media only screen and (max-width: 1180px) {
	header { height: 40vw; background-size: 150%; image-rendering: auto; }
}

@media only screen and (max-width: 1100px) {
    nav ul.menu li::after, aside .proj ul li::before, footer ul li::after { margin: 0 1vw; }
	.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) {
    nav { padding: 0 15px; box-sizing: border-box; }
	#show-menu { display: block; }
	#rmenu, nav ul.menu li::after { display: none; }
    nav ul.menu { max-width: 98%; }
    nav ul.menu li { margin: 0 auto; padding: 15px 15px 15px 26px; background-image: url("../images/bg-flower-yellow.png"); background-position: 8px 18px; background-repeat: no-repeat; text-align: left; box-sizing: border-box; display: block; }
	.thumbnails { padding-left: 0; padding-right: 0; }
	.navmenu { padding-left: 2px; padding-right: 2px; }
}

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

@media only screen and (max-width: 480px) {
	.image { margin: 5px 0; }
}