body {
	background-color: #000000;
}

.joeyimage {
	background-image: url(/joeyparallelogram.png);
	filter: drop-shadow(2px 2px 2px white);
	filter: grayscale(1);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.joeyimage:hover {
	filter: grayscale(0);
	filter: drop-shadow(4px 4px 4px white);
}

.jpvimage {
	background-image: url(jpvparallelogram.png);
	filter: drop-shadow(8px 8px 2px white);
	filter: grayscale(1);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.jpvimage:hover{
	filter: grayscale(0);
	filter: drop-shadow(4px 4px 4px white);
}

.imagebox {
	margin: auto;
	display:flex;
	justify-content: center;
	align-items: center;
}


@media screen and (max-width: 950px) {
	.imagebox {
	  flex-direction: column;}
	}