@media only screen and (orientation: portrait) {
	#landing{
		margin-top: 14vw;
		margin-bottom: 15vw;
	}
		#landingleft{
			padding: 10vw;
		}
			#herotext{
				height: 40vw;
			}
				#landingfirstline, #landingfirsttext, #landingsecondline, #landingsecondtext{
					display: inline;
				}
				#landingfirsttext, #landingsecondtext{
					font-size: 7vw;
					margin-left: 0.5vw;
					margin-right: 0.5vw;
					font-weight: 600;
				}
		#landingright{
			margin-top: 5vw;
			width: 100vw;
			padding: 5vw;
			padding-top: 0;
		}
	
	#statssection{
		margin: 5vw;
		margin-bottom: 10vw;
		padding: 5vw;
		width: 90vw;
		border-radius: 1vw;
	}
		.statitem{
			padding: 5vw;
			text-align: center;
		}
			.statnumber, .stattitle{
				font-weight: 500;
				font-size: 10vw;
			}
			.stattitle{
				font-size: 4vw;
			}
	
	#howtouse{
		margin-top: 20vw;
		margin-bottom: 20vw;
	}
		#howtousecontent{}
			.howtousesteps{
				margin: auto;
				margin-top: 10vw;
				width: 80vw;
				text-align: center;
			}
				.howtouseimage{
					height: 60vw;
					width: 45vw;
				}
				.howtousetext{
					margin: auto;
					margin-top: 1vw;
					width: 60vw;
				}
	
}

@media only screen and (orientation: landscape) {
	#landing{
		margin-top: 8vw;
		height: 45vw;
		display: flex;
		align-items: center;
	}
		#landingleft{
			width: 50vw;
			padding-left: 10vw;
		}
			#herotext{
				/* height: 12vw; */
			}
				#landingfirstline, #landingfirsttext, #landingsecondline, #landingsecondtext{
					display: inline;
				}
				#landingfirsttext, #landingsecondtext{
					font-size: 3vw;
					margin-left: 0.5vw;
					margin-right: 0.5vw;
					font-weight: 500;
				}
			#landingcaption{
				width: 32vw;
				margin-top: 2vw;
				margin-bottom: 3vw;
			}
			#landingbottom{
				display: flex;
				align-items: center;
			}
				#landinggetintouchbutton{
					margin-left: 3vw;
				}
		#landingright{
			width: 50vw;
			padding-right: 5vw;
		}
	
	#statssection{
		margin: 5vw;
		margin-bottom: 10vw;
		height: 12vw;
		width: 90vw;
		border-radius: 0.25vw;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: space-around;
	}
		.statitem{
			width: 20vw;
		}
			.statnumber, .stattitle{
				font-weight: 500;
			}
	#howtouse{
		display: block;
	}
		#howtousecontent{
			display: flex;
			justify-content: space-between;
		}
			.howtousesteps{
				width: 15vw;
				text-align: center;
			}
				.howtouseimage{
					height: 20vw;
					width: 15vw;
				}
				.howtousetext{
					margin-top: 2vw;
				}
	#shortcut{
		margin-top: 0;
	}
		#shortcut1{
			background-image: url(images/index/shortcutuser.png);
		}
		#shortcut2{
			background-image: url(images/index/shortcutvendor.png);
		}
			.shortcutbutton{
				margin: auto;
				margin-top: 5vw;
			}
}