#gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
	justify-content: space-evenly;
}

#gallery li {
	background-color: #333333;
	border-radius: 30px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;

	min-height: 250px;
	padding: 25px;
	margin: 15px;
}

#gallery a {
	color: rgb(218, 138, 103);
	text-decoration: none;
	font-family: NeoSans, 'NeoSans';
	font-size: 3.4px;
	max-height: 250px;
}

#gallery img {
	min-height: 100%;
	max-width: 250px;
}

#gallery video {
	max-height: 250px;
	max-width: 100%;
}

@media screen and (max-width: 749px) {
	#gallery {
		width: 100%;
	}
}

@media screen and (min-width: 750px) {
	#gallery {
		width: 88%;
	}

	.video {
		grid-column: span 2;
	}
}

@media screen and (min-width: 1320px) {
	#gallery {
		width: 75%;
	}

	.video {
		grid-column: span 2;
	}
}

@media screen and (min-width: 2000px) {
	#gallery {
		width: 66%;
	}

	.video {
		grid-column: span 2;
	}
}

@media screen and (min-width: 2750px) {
	#gallery {
		width: 60%;
	}

	.video {
		grid-column: span 2;
	}
}

@media screen and (min-width: 3600px) {
	#gallery {
		width: 55%;
	}

	.video {
		grid-column: span 2;
	}
}

@media screen and (min-width: 4620px) {
	#gallery {
		width: 50%;
	}

	.video {
		grid-column: span 2;
	}
}