/* ALL OF THIS CODE SHOULD BE PUT DIRECTLY IN THE BLOCK EDITOR FOR BETTER RESULTS -> SHARPER HEADER IMAGE */

/* -- HEADER IMAGE ADJUSTMENTS FOR MOBILE-- */
@media (max-width: 768px) {
    /* CSS in here for mobile only */
	.navigation-section {
		position: relative !important;
		background-color: transparent !important;
		z-index: 2 !important;
	}
	.navigation-section-grid {
		border: 0px !important;
	}
	.primary-nav {
		color: var(--neutral-0) !important;
	}
	.header-hero {
		position: relative !important;
		padding: 0 !important;
	}
	.header-hero-backgroundimage {
		margin: 0 !important;
		max-width: 100% !important;
		border-radius: initial !important;
		position: initial !important;
		max-height: 100% !important;
	}
	.header-hero-query {
		/*align-items: flex-end;*/
	}
	.header-hero-image {
		/*min-height: 500px;*/
		min-height: clamp(25.1rem,0.848rem + 0.758vw,10.5rem) !important;
		position: relative !important;
		/*top: 10px;*/
		height: 100vw !important;
		min-width: 100vw !important;

	}
	#page {
		position: relative !important;
	}
	#content {
		background-color: var(--neutral-50) !important;
		z-index: 4 !important;
		position: initial !important;
	}
	.gb-is-sticky{
		color: black !important;
	}
}