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

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

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

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

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

@media only screen and (max-width: 900px) {
    #site h1 { 
		font-size: 6.25vw
	}

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

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

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

@media only screen and (max-width: 860px) {
	#show-menu { 
		display: block; 
	}

	nav ul.menu { 
		display: none; 
	}

	nav ul.menu li {
		margin: 0;
		padding: 15px 20px;
		text-align: left;
        border-bottom: 1px solid #3d3f47;
		display: block;
	}

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

	nav ul.menu li .sub-menu {
		width: 100%;
		max-width: 100%;
		padding-top: 10px;
		height: 100%;
		border: none;
		position: relative;
	}

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

    footer #cred {
        flex-direction: column;
        justify-content: center;
    }

    footer #cred ul li {
        margin: 0 10px;
        padding: 5px 0;
    }

    footer #social {
        margin-top: 10px;
    }

    footer #social a {
        margin: 0 5px;
    }
}

@media only screen and (max-width: 800px) {
    main .sortorder_cell, main .sortorder_options {
        display: none;
    }    
    
	.thumbnails, main .stath1 .statlink, main .stath2 {
        padding-left: 0.5vw;
        padding-right: 0.5vw;
    }

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

    main .img_nav {
        padding: 1vw;
    }

    main .pgs {
        display: none;
    }
}

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

    footer #disc {
        padding-left: 0;
        background-image: none;
    }
}

@media only screen and (max-width: 480px) {
	.thumbnails, main .stath1 .statlink, main .stath2 {
        padding-left: 0.25vw;
        padding-right: 0.25vw;
    }
}