@media print {
	body {
		display: none;
	}
}

@media (max-width: 600px) {
	html, body {
		height: 100%;
		margin: 0;
	}

	body {
		display: flex;
		flex-direction: column;
		font-size: 8pt;
		line-height: 12pt;
		min-width: initial;
	}

	.container {
		flex: 1; /* Allow the container to grow and push the footer down */
		width: 90%;
		margin: 5px auto;
		padding: 3px;
	}

	header {
		padding-top: 20px;
		min-height: 50px;
	}

	header h1 {
		font-size: 18px;
	}

	header nav {
		margin-top: 5px;
	}

	header li {
		padding: 0 10px;
	}

	section {
		padding: 10px 0;
		width: 90%;
		margin: 0 auto;
	}

	section h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.project h3 {
		font-size: 18px;
	}

	form input, form textarea {
		padding: 8px;
		margin-top: 5px;
		font-size: 14px;
	}

	form button {
		margin-top: 8px;
		padding: 8px;
	}

	footer {
		padding: 15px 0;
	}

	.background-top {
		background: none;
		background-size: 50vh;
		height: 50vh;
		margin-right: 0;
		overflow: scroll;
	}
}