.video-container {
	position: relative;
	width: 100%;
	/*height: 100vh;  Full viewport height */
	overflow: hidden;
}

.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the video covers the container without distortion */
	z-index: 0; /* Ensures the video is behind any content */
}

.home-hero-content {
	display: flex;
	flex-direction: row;
	padding: 30px 45px;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	max-width: 1170px;
	margin: 0 auto;
	position:relative;
	z-index:1;
}

.home-hero-content img {
	width:auto !important;
	height:auto !important;
}

	.home-hero-left {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		padding-right: 60px;
	}
	
		.home-hero-left nav {
			max-width: 500px;
			margin-top: 60px;
			flex-grow: 1;
		}
		
		.home-hero-left nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
		}
		
		.home-hero-left nav ul li {
			padding: 10px;
			width:50%;
			margin: 0;
		}
		
		.home-hero-left nav ul li a {
			color:#fff;
			font-size: 2em;
		}
		
		.home-hero-left nav ul li a:hover {
			color: #20A7DD;
		}
		
		.home-hero-left .mobile-app {
			display: flex;
			flex-direction: row;
			font-size: 1.5em;
			font-weight: bold;
			padding: 30px 0 90px 10px;
			justify-content: end;
			align-items: center;
		}
		
		.home-hero-left .mobile-app p {
			margin:0;
		}
		
		.home-hero-left .app-stores {
			display: flex;
			flex-direction: column;
			padding-left: 30px;
		}
		
	.home-hero-right {
		/*width:350px;*/
	}
	
		.home-hero-right img {
			
		}
		
		
@media all and (max-width: 1280px) {
	.home-hero-left nav ul li a {
		font-size: 1.5em;
	}
	
	.home-hero-left .mobile-app {
		font-size: 1.25em;
	}
}

@media all and (max-width: 1080px) {
	.home-hero-left {
		padding-right: 30px;
	}
}

@media all and (max-width: 800px) {
	.home-hero-left {
		padding-right: 0;
	}
	
	.home-hero-left nav {
		margin-top:0;
	}
	
	.home-hero-left nav ul li {
		width:100%;
	}
	
	.home-hero-left .mobile-app {
		flex-direction: column;
		padding-left:0;
	}
	
	.home-hero-left .mobile-app p {
		margin-bottom:10px;
	}
	
	.home-hero-left .app-stores {
		flex-direction: row;
		padding-left: 10px;
	}
	
	.home-hero-left .app-stores a {
		padding:0 5px;
	}
	
	.home-hero-right {
		position: absolute;
		width: 200px;
		right: 30px;
	}
}

@media all and (max-width: 640px) {
	.home-hero-content {
		padding:30px 15px;
	}
	
	.home-hero-right {
		width: 200px;
		right: 15px;
	}
}

@media all and (max-width: 480px) {
	.home-hero-left nav ul li a {
		font-size: 1.25em;
	}
	
	.home-hero-left .mobile-app {
		font-size: 1em;
	}
	
	.home-hero-right {
		width: 135px;
		padding-top: 30px;
	}
}