@media screen and (max-width: 800px) {

body { font-size: 1.17em; }

nav {
	div.background { width: 100%; }
	div.list { text-align: center; }
}

header {
	padding: 1em;

	h1 { display: none; }
}

main {
	padding: 1em;

	h3 { margin-top: 2em; }

	section {

		&.meta {
			flex-direction: column;

			img {
				max-width: 100%;
				margin: 0;
				margin-top: 1em;
			}
		}

		&.software {
			flex-direction: column;

			.program { width: 100%; }
			.program img { max-width: 100%; }
		}

		div.coordinator>div {
			flex-direction: column;

			&>div {
				margin-top: 2em;
				text-align: center;
			}
		}

		div.video iframe {
			margin: 0 0 2em 0;
			width: 100%;
		}
	}
}

body.index {
	background-position: -10vw -60vw;
	background-size: 180vw auto;

	main {
		flex-direction: column;

		section, aside { max-width: 100%; }
		aside {
			margin-top: 1em;
			width: 100%;

			a { padding: .6em 0; }
		}
		h2 { margin-top: 0; }
	}
}

div.twocolumn {
	grid-template-columns: 100%;
}

}