@media only screen and (max-width: 1200px) {
	main.root {
		margin-top: 130px;
	}
	
	header.main-header .container .logo {
		height: 45px;
		width: auto;
	}
	
	header.main-header {
		padding: 10px 0;
		height: 90px;
	}

	.Banner h1 {
		font-size: 40px;
	}
	
	.category-card {
		padding: 0px 8px;
	}
	.category-card img {
		height: 80px
	}
}

@media only screen and (max-width: 992px) {
	.Banner .Banner__Content h1 {
		font-size: 32px;
	}
	.Banner .Banner__Content h1, .Banner__Content p, .Banner__Content h5 {
		color: #000;
	}
	.Banner .Banner__Background {
		position: relative;
	}
	.Banner video {
		height: 300px !important;
	}
}

@media only screen and (min-width: 992px) {
	.Banner .Banner__Content h1, .Banner__Content p, .Banner__Content h5 {
		color: #fff;
	}
	.Banner .Banner__Content h1 {
		font-size: 64px;
	}
	.Banner video, .Banner img {
		filter: brightness(75%);
	}
	
	.container.shrink {
		padding: 0 5vw;
		overflow: hidden;
	}
}

@media (orientation: portrait) and (min-width: 992px) {
	.Banner__Content {
		height: 40svh !important;
	}
}
@media (orientation: landscape) {
	.Banner__Content {
		height: 60svh !important;
	}
}