:root {
	--fran-about-h2-size: 2.2vw;
}

#franDev_about.fran_block h1 {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

#franDev_about .hdr_holder {
	align-items: flex-end;
	padding-bottom: var(--fran-h1-margin);
    border-bottom: 1px solid var(--grey-vlight-color);
    margin-bottom: var(--fran-h1-margin);
}

#franDev_about .videoHolder {
	/*height: 35.2vw;*/
	/*height: 33.5vw;*/
}

#franDev_about .videoHolder video {
	filter: grayscale(1);
}

#franDev_about .videoHolder > .flex {
	align-items: flex-start;
}

#franDev_about .videoHolder > .flex h2 {
	text-align: left;
	margin: 0;
	font-size: var(--fran-about-h2-size);
}

#franDev_about .videoHolder > .flex h2 + div {
	padding-left: calc(.85 * var(--fran-about-h2-size));
	padding-left: 10px;
	font-size: large;
}

@media (max-width: 1199px) and (min-width: 901px) {
	:root {
    	--fran-about-h2-size: 1.7vw;
	}
	#franDev_about .videoHolder > .flex h2 + div { font-size: 12px; }
	 
}

@media (max-width: 900px) and (min-width: 551px) {
	:root {
	    --fran-about-h2-size: 6vw;
	}

	#franDev_about.fran_block h1 {
	    padding-bottom: var(--fran-h1-margin);
	    border-bottom: 1px solid var(--grey-vlight-color);
	    margin: 0px;
	    margin-bottom: var(--fran-h1-margin);
	    width: 100%;
	}

	#franDev_about .hdr_holder {
	    display: block;
	    border: none;
	}
	#franDev_about .videoHolder { height: auto; }
	#franDev_about .hdr_holder h1 + div br { display: none; }
	#franDev_about .hdr_holder h1 + div { text-align: left; font-size: 14px; }
	#franDev_about .videoHolder > .flex { height: auto; display: block; margin-bottom: 30px; }
	#franDev_about .videoHolder > .flex:after { content: ""; clear: both; }
	#franDev_about .videoHolder > .flex h2 + div { font-size: 15px; }
	.about_list_item { float: left; width: 50%; }
}

@media (max-width: 550px) {
	:root {
	    --fran-about-h2-size: 7.2vw;
	}

	#franDev_about.fran_block h1 {
	    padding-bottom: var(--fran-h1-margin);
	    border-bottom: 1px solid var(--grey-vlight-color);
	    margin: 0px;
	    margin-bottom: var(--fran-h1-margin);
	    width: 100%;
	}

	#franDev_about .hdr_holder {
	    display: block;
	    border: none;
	}
	#franDev_about .videoHolder { height: auto; }
	#franDev_about .hdr_holder h1 + div br { display: none; }
	#franDev_about .hdr_holder h1 + div { text-align: left; font-size: 14px; }
	#franDev_about .videoHolder > .flex { height: auto; display: block; margin-bottom: 30px; }
	#franDev_about .videoHolder > .flex:after { content: ""; clear: both; }
	#franDev_about .videoHolder > .flex h2 + div { font-size: 12px; }
	.about_list_item { float: left; width: 50%; }
}