/* Home hero (Slider Revolution alias slider-home1).
   Below the tablet breakpoint the layer line-heights and widths are scaled
   from the desktop canvas, so Congress and 2027 draw on top of WSAVA. */

@media (max-width: 1024px) {
	#SR7_1_1 sr7-slide,
	#SR7_1_1 sr7-content {
		overflow: visible !important;
		contain: none !important;
	}

	#SR7_1_1-1-6 {
		display: flex !important;
		flex-flow: row wrap !important;
		align-items: flex-start !important;
		align-content: flex-start !important;
		justify-content: flex-start !important;
		gap: 2px 0.28em !important;
		box-sizing: border-box !important;
		width: min(680px, calc(100% - 32px)) !important;
		height: auto !important;
		left: 16px !important;
		right: auto !important;
		top: 16% !important;
		line-height: normal !important;
		overflow: visible !important;
		transform: none !important;
	}

	#SR7_1_1-1-6 > .sr7-layer {
		position: relative !important;
		inset: auto !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		float: none !important;
		clear: none !important;
		transform: none !important;
		height: auto !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	#SR7_1_1-1-1 {
		order: 1;
		flex: 1 0 100%;
		width: auto !important;
		font-size: clamp(34px, 9vw, 72px) !important;
		line-height: 0.95 !important;
		white-space: nowrap !important;
	}

	#SR7_1_1-1-2,
	#SR7_1_1-1-4 {
		flex: 0 1 auto;
		width: auto !important;
		font-size: clamp(30px, 8vw, 64px) !important;
		line-height: 0.95 !important;
		white-space: nowrap !important;
	}

	#SR7_1_1-1-2 {
		order: 2;
	}

	#SR7_1_1-1-4 {
		order: 3;
	}

	#SR7_1_1-1-3,
	#SR7_1_1-1-9 {
		flex: 1 0 100%;
		width: auto !important;
		line-height: 1.25 !important;
		white-space: normal !important;
	}

	#SR7_1_1-1-3 {
		order: 4;
		margin-top: 8px !important;
		font-size: clamp(14px, 3.5vw, 22px) !important;
	}

	#SR7_1_1-1-9 {
		order: 5;
		font-size: clamp(13px, 3.2vw, 18px) !important;
	}

	#SR7_1_1-1-6 > #SR7_1_1-1-5 {
		order: 6;
		flex: 0 0 100%;
		width: clamp(160px, 48vw, 260px) !important;
		max-width: clamp(160px, 48vw, 260px) !important;
		height: clamp(48px, 14vw, 78px) !important;
		margin-top: 12px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
	}

	#SR7_1_1-1-6 > #SR7_1_1-1-7 {
		order: 7;
		flex: 0 0 auto;
		width: fit-content !important;
		margin-top: 16px !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		padding: 12px 22px !important;
	}
}