@media only screen and (orientation: portrait) {
	#banner{
		background-image: url(images/marketplace/mobilebanner.png);
	}
	#bannerdownloadbutton{
		margin: auto;
		margin-top: 10vw;
	}
	.shopitemscontainer{
		/* width: 18vw; */
		margin: auto;
		margin-top: 5vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: left;
	}
		.shopitems{
			margin: auto;
			margin-top: 1.5vw;
			width: 30vw;
			font-size: smaller;
		}
}

@media only screen and (orientation: landscape) {
	#banner{
		background-image: url(images/marketplace/banner.png);
	}
	#bannerdownloadbutton{
		margin: auto;
		margin-top: 3vw;
	}
	#featurescontainer{
		max-height: 100vw;
		flex-direction: column;
	}
	.shopitemscontainer{
		width: 18vw;
		margin: auto;
		margin-top: 1vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: left;
	}
		.shopitems{
			margin: auto;
			margin-top: 0.5vw;
			width: 9vw;
		}
}

.shopitems:active{transform: scale(1);}
.shopitems:hover{transform: scale(1);}

#tile1{background-image: url(images/marketplace/tile1.png);}
#tile2{background-image: url(images/marketplace/tile2.png);}
#tile3{background-image: url(images/marketplace/tile3.png);}
#tile4{background-image: url(images/marketplace/tile4.png);}