@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%; }
    main::before { margin: auto 0 0 calc(29vw + 41px); }
	section#content { min-width: 64vw; max-width: 64vw; }
	article .entry img { max-width: 13vw; height: auto; }
    article .entry .featured img { max-width: 100%; }
	aside { min-width: 29vw; max-width: 29vw; }
    aside .proj img { max-width: 100%; }
}

@media only screen and (max-width: 1100px) {
	main { display: block; }
    main::before { display: none; }
	section#content { min-width: 100%; max-width: 100%; margin: 0 auto; display: table-header-group; }
    article .pinfo, article h1.title, article h2, article .entry, #pagination { padding-left: 0; }
    article h1.title::before { left: 0; }
	article .entry img { max-width: 17vw; }
    article .entry .featured img { max-width: 100%; }
    article .cbox { margin-left: 0; }
    #pagination { margin-bottom: 100px; text-align: center; }
	aside { width: 100%; min-width: 100%; max-width: 100%; margin: 10vw auto 0 auto; display: table-footer-group; }
	aside .proj, aside .proj img { max-width: 340px; }
}

@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; }
	article h1.title, article h2, article h1.alttitle { font-size: 24px; }
    footer ul#cred { margin-left: 0; }
}

@media only screen and (max-width: 640px) {	
	article h1.title, article h2 { font-size: 21px; }
}

@media only screen and (max-width: 340px) {	
	aside .proj, aside .proj img { max-width: 100%; }
}