:root {
	--fdVars__padding: calc(1.5 * var(--page-h-padding));
}

#franDev_vars .variant-item .bgCover {
    /*height: 35vw;*/
    aspect-ratio: 10 / 16;
}

#franDev_vars .flex-end {
	align-items: flex-end;
}

#franDev_vars .text-wrap {
    height: 18vw;
    padding: 0px var(--fdVars__padding);
}

#franDev_vars h1 { margin-top: 0; }

@media (max-width: 1199px) and (min-width: 901px) {
	:root {
		--fdVars__padding: calc(.5 * var(--page-h-padding));
	}
}

@media (max-width: 900px) and (min-width: 551px) {
	#franDev_vars .variant-item .bgCover {
	    height: calc(100vw - 2* var(--page-h-padding));
	}

	#franDev_vars .text-wrap {
	    height: auto;
	    padding: 0px 0px 30px;
	}

	#franDev_vars .text-wrap .h1 {
	    font-size: calc(1.5 * var(--fran-h1-size));
	}

	#franDev_vars .text-wrap .big {
	    font-size: 14px;
	}
}

@media (max-width: 550px) {
	#franDev_vars .variant-item .bgCover {
	    height: calc(100vw - 2* var(--page-h-padding));
	}

	#franDev_vars .text-wrap {
	    height: auto;
	    padding: 0px 0px 30px;
	}

	#franDev_vars .text-wrap .h1 {
	    font-size: calc(1.5 * var(--fran-h1-size));
	}

	#franDev_vars .text-wrap .big {
	    font-size: 13px;
	}
}