@media screen and (min-width: 601px) and (max-width: 1200px) {
	
h1, nav ul li {
	font-size: 4.5em;
}

figure#profile-picture {
	background-attachment: scroll;
}

.columns {
	column-count: 2;
}

section {
	margin: 2em 0;
}

	section summary, section h3, section h4 {
		font-size: 4.5em;
	}

	section details ol {
		padding-right: 50%;
	}

}

@media screen and (max-width: 600px) {
	
header,main {
	width: 94%;
	padding: 3%;
}

figure#profile-picture {
	background-attachment: scroll;
}

h1, nav ul li, section h3 {
	font-size: 2.5em;
}

	div.interface-box button {
			font-size:9.8vw;
			margin-left: 1.8vw;
			margin-bottom: 0.8em;
		}

section {
	margin: 1em 0;
	padding-right: 0;
}

	section h3 {
		padding-top: 0.2em;
		padding-bottom: 2vw;
		margin: 0.2em 0;
	}

	section summary, section h4 {
		font-size: 1.7em;
	}

	section details ol {
		padding-right: 0%;
	}

.columns {
	column-count: 1;
	margin-bottom: 1em;
}

footer {
	width: 92%;
	padding: 4% 4%;
}

aside {
	height: 20%;
	top: -20%;
}

aside ol li {
	width: 20%;
	height: 50%;
}

}