main {
	margin: 0 auto;
	padding-left: 2px;
	padding-right: 2px;
}

@media only screen and (max-width: 499px) {
	main {
		padding-top: 75vw;
	}
}

@media only screen and (min-width: 500px) and (max-width: 1199px) {
	main {
		padding-top: 50vw;
	}
}

@media only screen and (min-width: 1200px) {
	main {
		padding-top: 25vw;
	}
}

ul.projekte {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	column-gap: 2px;
}

ul.projekte li {
	display: inline;
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
	ul.projekte {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1200px) {
	ul.projekte {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

ul.projekte video,
ul.projekte img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 2px;
}