@media only screen and (max-width: 1220px) {
	body, header { overflow-x: hidden; }	
	#container, footer #inner { width: 96%; max-width: 96%; }
	section#content { min-width: 64vw; max-width: 64vw; }
	aside { min-width: 29vw; max-width: 29vw; }
}

@media only screen and (max-width: 1140px) {
	#topbar { width: 96%; max-width: 96%; }
	#container { display: block; }
	section#content { min-width: 100%; max-width: 100%; display: table-header-group; }
	#pagination { margin: 0 auto 12vh auto; }
	aside { width: 100%; min-width: 100%; max-width: 100%; margin: 0 auto; display: table-footer-group; }
	aside .proj { max-width: 340px; }
}

@media only screen and (max-width: 1120px) {
	#topbar, #site, footer #inner #flinks { display: block; }
	#site { margin: 37px auto 0 auto; text-align: center; }
	#site h1 { display: inline-block; }
	footer #inner #flinks ul#cred { margin: 15px 0 0 0; line-height: 200%; text-align: center; }
	footer #inner #flinks #social { text-align: center; }
	footer #inner #flinks #social a { margin: 0 1vw; }
}

@media only screen and (max-width: 800px) {
	article h1.title span { max-width: 90%; }
	article .entry img { max-width: 15vw !important; height: auto; }
	article.rel { display: none; }
}

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

@media only screen and (max-width: 700px) {
	body { font-size: 11px; }
	#show-menu { display: block; }
	header, #rmenu, nav ul.menu::before { display: none; }
	nav ul.menu li, footer #inner #flinks ul#cred li { margin: 0 0 4px 0; padding: 15px 0; border-bottom: 1px solid; display: block; }
	nav ul.menu li::before, footer #inner #flinks ul#cred li::before { content: ''; margin: 0 12px 1px 0; width: 6px; height: 6px; border-radius: 100%; display: inline-block; position: relative; }
	nav ul.menu li:first-child { margin: 13px 0 0 0; }
	nav ul.menu li:last-child, footer #inner #flinks ul#cred li:last-child { margin: 0; padding: 15px 0 0 0; border: none; }
	nav ul.menu li.menu-item-has-children a:not(:only-child)::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); float: right; }
	nav ul.menu li .sub-menu { width: 100%; padding: 0 15px; }
	nav ul.menu li .sub-menu li { padding: 15px 0; }
	nav ul.menu li .sub-menu li:last-child { border: none; }
	article h1.title, article h2 { font-size: 20px; }
	article h1.title span::before { height: 12px; }
}

@media only screen and (max-width: 700px) {	
	.entry img { max-width: 12vw !important; height: auto; }
	#latest { display: none; }
}

@media only screen and (max-width: 500px) {	
	article .pbox { display: block; }
	article .pbox .share { margin: 12px 0 0 0;  text-align: center;}
	article .pbox .share a { margin: 0 1vw; }
}

@media only screen and (max-width: 420px) {	
	body { font-size: 10px; }
	article h1.title, article h2 { font-size: 16px; }
	article h1.title span::before { height: 8px; }
}

@media only screen and (max-width: 360px) {	
	aside .proj { max-width: 320px; }
	aside .proj img { max-width: 290px; }
}