@media only screen and (max-width: 1200px) {
	body, header { overflow-x: hidden; }
	#latest, #container, footer, #disc { width: 96%; max-width: 96%; }
	section#content { min-width: 64vw; max-width: 64vw; }
	article .entry img { max-width: 13vw; height: auto; }
	aside { min-width: 29vw; max-width: 29vw; }
    aside .proj img { width: 100%; }
}

@media only screen and (max-width: 1100px) {
    #container { display: block; }
	section#content { min-width: 100%; max-width: 100%; margin: 0 auto; }
	article { margin-bottom: 80px; }
	aside { width: 100%; min-width: 100%; max-width: 100%; margin: 60px auto 0 auto; }
	aside .proj { max-width: 340px; }
    #pagination { text-align: center; }
}

@media only screen and (max-width: 1000px) {
    #latest #lnews { flex-basis: 100%; }
    #latest #lphotos { display: none; }
}

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

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

@media only screen and (max-width: 800px) {
	#show-menu { display: block; }
	#rmenu { display: none; }
    nav, footer ul { padding: 0; border: none; }
    nav ul.menu li, footer ul li { margin: 10px 0; padding: 10px; text-align: left; border-bottom: 1px dashed #e1e1e1; box-sizing: border-box; display: block; }
	article .entry img { max-width: 17vw; }
}

@media only screen and (max-width: 560px) {
    #latest { display: none; }
    article h1.title, article h2 { font-size: 21px; }
	article .entry img { max-width: 15vw; }
    article .cbox { line-height: 150%; }
}

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