@media only screen and (orientation: portrait) {
	#banner{
		background-image: url(images/forbusiness/mobilebanner.png);
	}
	#bannerdownloadbutton{
		margin: auto;
		margin-top: 10vw;
	}
	#displayimage{
		height: 100vw;
		margin-bottom: 20vw;
		background-image: url(images/forbusiness/midmobilebanner.png);
		background-size: cover;
	}
	#features{
		display: block;
	}
		#featurescontent{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.featuressteps{
				width: 40vw;
				text-align: center;
			}
				.featuresimage{
					height: 30vw;
					width: 30vw;
				}
				.featuresheading{
					font-weight: 600;
					width: 30vw;
					margin: auto;
					margin-bottom: 5vw;
				}
				.featurestext{
					display: none;
				}
}

@media only screen and (orientation: landscape) {
	#banner{
		background-image: url(images/forbusiness/banner.png);
	}
		#bannerdownloadbutton{
			margin: auto;
			margin-top: 3vw;
		}
	#features{
		display: block;
	}
		#featurescontent{
			display: flex;
			flex-wrap: wrap;
			align-self: center;
			justify-content: space-between;
		}
			.featuressteps{
				margin-left: 5vw;
				margin-right: 5vw;
				margin-top: 5vw;
				width: 15vw;
				text-align: center;
			}
				.featuresimage{
					height: 10vw;
					width: 10vw;
				}
				.featuresheading{
					margin-top: 2vw;
				}

	#displayimage{
		height: 40vw;
		background-size: cover;
		background-image: url(images/forbusiness/midbanner.png);
	}

	#featurescontainer{
		max-height: 250vw;
		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;
		}
}

#tile1{background-image: url(images/forbusiness/tile1.png);}
#tile2{background-image: url(images/forbusiness/tile2.png);}
#tile3{background-image: url(images/forbusiness/tile3.png);}
#tile4{background-image: url(images/forbusiness/tile4.png);}
#tile5{background-image: url(images/forbusiness/tile5.png);}
#tile6{background-image: url(images/forbusiness/tile6.png);}
#tile7{background-image: url(images/forbusiness/tile7.png);}
#tile8{background-image: url(images/forbusiness/tile8.png);}
#tile9{background-image: url(images/forbusiness/tile9.png);}
#tile10{background-image: url(images/forbusiness/tile10.png);}
#tile11{background-image: url(images/forbusiness/tile11.png);}
#tile12{background-image: url(images/forbusiness/tile12.png);}