@media only screen and (max-width: 1220px) {
	body {
		overflow-x: hidden;
	}

    main { 
		width: 96%; 
		max-width: 96%; 
	}

    main .image, #film img, #film a {
        max-width: 12vw;
        height: auto;
    }

    .display_media img {
        max-width: 65vw !important;
    }
}

@media only screen and (max-width: 1180px) {
    #welcome, footer #mainsite, footer #disc { 
		max-width: 96%; 
	}
}

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

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

@media only screen and (max-width: 860px) {
	body { 
		font-size: 11px;
	}

	#site h1 {
		font-size: 42px;
	}

	#site #slogan {
		font-size: 10px;
	}

	#show-menu { 
		display: block; 
	}

	nav ul.menu { 
		display: none; 
	}

	nav ul.menu li {
		margin: 0;
		padding: 15px 0;
		text-align: left;
		display: block;
	}

	nav ul.menu li:first-child {
		padding-top: 30px;
	}

	nav ul.menu li::before {
		content: '\f005';
		margin-left: 3px;
		margin-right: 16px;
		font-family: 'Font Awesome 5 Free';
		font-size: 6px;
		font-weight: 900;
		float: left;
	}

    .tableh1, main .statlink h2, .tableh1 h2 {
        font-size: 30px;
    }

	footer #mainsite {
		background-size: 35%;
	}

	footer #mainsite #info h4 {
		font-size: 21px;
	}
}

@media only screen and (max-width: 800px) {
    main .sortorder_cell, main .sortorder_options {
        display: none;
    }    
}

@media only screen and (max-width: 768px) {  
    .tableh1, main .statlink h2, .tableh1 h2 {
        font-size: 24px;
    }
    
	.thumbnails {
        padding-left: 0.5vw;
        padding-right: 0.5vw;
    }

    .maintable {
        margin-bottom: 30px;
    }

    .thumbnails .thumb_title_views, .thumbnails .thumb_resolution, .thumbnails .thumb_caption_ctime {
        padding-left: 0.75vw;
        padding-right: 0.75vw;
    }

    .thumbnails .thumb_title_title {
        font-size: 11px;
    }

    .breadh1 {
        font-size: 14px;
    }

    main .alblink, #voting_title, #comments .tableh2 {
        font-size: 13px;
    }

    main .img_nav {
        padding: 1vw;
    }

    main .pgs {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
	#welcome, footer #mainsite, main .thumb_view_title_row .albmenu {
		display: none;
	}

	footer {
		margin-top: 0;
	}
}

@media only screen and (max-width: 480px) {
	#site h1 {
		font-size: 36px;
	}

    .tableh1, main .statlink h2, .tableh1 h2 {
        font-size: 21px;
    }

	.thumbnails {
        padding-left: 0.25vw;
        padding-right: 0.25vw;
    }

    .thumbnails .thumb_title_title {
        font-size: 10px;
    }

    .thumbnails .thumb_title_views, .thumbnails .thumb_resolution, .thumbnails .thumb_caption_ctime, main .stath1 .statlink, main .stath2 {
        font-size: 8px;
    }

    main .thumb_view_title_row {
        margin-top: -20px;
    }
}