/* Extra Grid: Grid Item height fractions per breakpoint */
.banner-grid {
	--luxf-gh: 600px;
}

@media (max-width: 850px) {
	.banner-grid .luxf-md-grid-col-1 { height: var(--luxf-gh) !important; }
	.banner-grid .luxf-md-grid-col-1-2 { height: calc(var(--luxf-gh) / 2) !important; }
	.banner-grid .luxf-md-grid-col-1-3 { height: calc(var(--luxf-gh) / 3) !important; }
	.banner-grid .luxf-md-grid-col-2-3 { height: calc(var(--luxf-gh) * 2 / 3) !important; }
	.banner-grid .luxf-md-grid-col-1-4 { height: calc(var(--luxf-gh) / 4) !important; }
	.banner-grid .luxf-md-grid-col-3-4 { height: calc(var(--luxf-gh) * 3 / 4) !important; }
}

@media (max-width: 550px) {
	.banner-grid .luxf-sm-grid-col-1 { height: var(--luxf-gh) !important; }
	.banner-grid .luxf-sm-grid-col-1-2 { height: calc(var(--luxf-gh) / 2) !important; }
	.banner-grid .luxf-sm-grid-col-1-3 { height: calc(var(--luxf-gh) / 3) !important; }
	.banner-grid .luxf-sm-grid-col-2-3 { height: calc(var(--luxf-gh) * 2 / 3) !important; }
	.banner-grid .luxf-sm-grid-col-1-4 { height: calc(var(--luxf-gh) / 4) !important; }
	.banner-grid .luxf-sm-grid-col-3-4 { height: calc(var(--luxf-gh) * 3 / 4) !important; }
}