.galleryIndex {
	margin:5px;
	width:25vw;
	display:flex;
	flex-direction:row;
	align-items:center;
	width:95%;
	flex-wrap:wrap;
	gap:20px;
	justify-content:center;
}

.galleryLink{
	display:flex;
	flex-direction:column;
	align-items:center;
	border:2px solid teal;
	padding:10px;
}

.gallery{
	display:flex;
	align-items:center; /* without this they are all they same height and the apect ratio is stupid*/
	flex-wrap:wrap;
	justify-content:center;
	padding:5px;
	gap:10px;
}

.gallery img{
	border: 5px solid teal;
	margin-right:5px; /* I'm doing this because on my Samsung's browser the image jams itself against the RH side*/
}

.galleryFolderHeader {
	text-align:center;
	font-size:40px;
	font-weight:bold;
	width:100%
}

@media (max-width: 789px){
	.gallery img{
	}
}