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

    main { 
		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: 1180px) {
    #welcome, footer #gallery, footer #disc { 
		max-width: 96%; 
	}
}

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

    main { 
		margin-bottom: 20px;
		display: block;
	}

	section#content { 
		min-width: 100%;
		max-width: 100%;
		display: table-header-group;
	}

	article {
		margin-bottom: 80px;
	}

	#pagination { 
		margin: 0 auto 80px auto;
		text-align: center;
	}

	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 	(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;
	}

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

	article h1.title, article h2 {
		font-size: 30px;
	}

	article .entry img, aside .sidebox img {
		max-width: 12vw;
		height: auto;
	}

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

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

@media only screen and (max-width: 640px) {
	nav, nav ul.menu li .sub-menu {
		font-size: 15px;
	}

	#welcome, footer #gallery {
		display: none;
	}

	footer {
		margin-top: 0;
	}
}

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

	article .pinfo span.author {
		display: none;
	}
}

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