:root {
	--h2-header-size: 35px;
	--h2-header-size-smaller: 26px;
}

#fran_map {
	aspect-ratio: 16 / 8;
}

#fran_map.bgContain {
    /*
    background-size: auto 75%;
    background-position: 60% calc(var(--fran-h3-size) * 1.8);
    */
    background-size: auto 89%;
    background-position: 85% calc(var(--fran-h1-size) * .7);
}

#fran_map h2 {
	font-size: calc(.7 * var(--fran-h1-size));
	margin-top: -.2em;
	margin-bottom: var(--fran-margin-2);
	font-weight: 200;
	line-height: 1.2em;
}

@media (max-width: 900px) and (min-width: 551px) { 
	#fran_map.bgContain {
	    background-size: 100% auto;
	    background-position: center;
	}
	#fran_map {
	    aspect-ratio: 1 / 1;
	}
}

@media (max-width: 550px) {
	#fran_map h2 {
	    font-size: var(--fran-h1-size);
	    text-transform: uppercase;
	    text-align: left;
	    margin-bottom: 0;
	}

	.fran__fb_btn {
		width: 100%;
	}

	#fran_map.bgContain {
	    aspect-ratio: auto;
	    display: flex;
	    flex-direction: column;
	    height: 145vw;
	    justify-content: space-between;
	    background-size: contain;
	    background-position: center calc(var(--fran-h1-size)* 6.5);
	    border-top: 1px solid var(--red-active-color);
	}
}