:root {
	--fran-h1-size: 7vh;
	--fran-h1-margin: 30px;

	--fran-margin-2: calc( var(--fran-h1-margin) + 0.7 * 0.077 * var(--fran-h1-size));

	--fran-margin-3: calc( var(--fran-margin-2) * .3 );

	--fran-bw-block-size: 8vh;
	--fran-fb-btn-width: 15vw;

	--fran-h3-size: 26px;

	--franDev_list_margin: 60px;

	--franDev_padding: 60px;

	--fran-font-size: 13px;

	--franDev_blt_width: 20px;
}

main {
	font-size: var(--fran-font-size);
}

.light {
	font-weight: 300;
}

.flex-column {
    flex-direction: column;
}

.flex-between {
    justify-content: space-between;
}

.fran_block {
	/*padding: calc(1.5 * var(--franDev_padding));*/
	padding: var(--page-h-padding);
    border: 1px solid #ddd;
}

.fran_block h1 {
	font-size: calc( .7 * var(--fran-h1-size));
    font-weight: 200;
    padding-bottom: var(--fran-h1-margin);
    border-bottom: 1px solid var(--grey-vlight-color);
    margin: 0px;
    margin-bottom: var(--fran-margin-2);
}

.fran_block .h1 { font-size: var(--fran-h1-size); font-weight: 100; }

.templateBlock:nth-of-type(1) {
	padding-top: calc(.5 * var(--fran-bw-block-size));

	padding-top: var(--page-h-padding);
}

.templateBlock + .templateBlock {
	/*padding-top: var(--fran-bw-block-size);*/
	padding-top: var(--page-h-padding);
}

.fran_block h3 {
	text-align: left;
	font-weight: 300;
	font-size: var(--fran-h3-size);
}

.h3 { font-size: var(--fran-h3-size); }

h3, .h3, h2, .h2 { 
	line-height: 1.42; 
	margin-bottom: var(--fran-margin-3);
}

.fran__fb_btn {
	background-color: var(--red-active-color);
	color: #fff;
	cursor: pointer;
	border-radius: 0px;
	padding: 10px;
	width: var(--fran-fb-btn-width);
	min-width: 20ch;
	text-align: center;
	font-size: large;
}

.fran__fb_btn:hover {
	color: #fff;
}

[class*='block_list'] h3:before, #franDev_assort .textHolder li:before {
    border-radius: 0 !important;
}

main {
	padding-bottom: var(--franDev_padding);
}

@media (min-width: 1200px) {
	.big {
		font-size: 14px;
	}
}

@media (max-width: 1199px) and (min-width: 901px) {
	:root {
		--fran-h1-size: 5vh;
		--fran-h1-margin: 30px;
		--fran-bw-block-size: 8vh;
		--fran-fb-btn-width: 15vw;

		--fran-h3-size: 17px;

		--franDev_list_margin: 40px;

		--franDev_padding: 40px;

		--fran-font-size: 12px;

		--franDev_blt_width: 20px;
	}

	.big {
		font-size: 12px;
	}
}

@media (max-width: 900px) and (min-width: 551px) {
	:root {
		--fran-h1-size: 4.5vh;
		--fran-h1-margin: 15px;
		--fran-bw-block-size: 5vh;
		--fran-fb-btn-width: 15vw;

		--fran-h3-size: 17px;

		--franDev_list_margin: 40px;

		--franDev_padding: 40px;

		--fran-font-size: 12px;

		--franDev_blt_width: 20px;
	}

	.big {
		font-size: 12px;
	}
}

@media (max-width: 550px) {
	:root {
		--fran-h1-size: 3.5vh;
		--fran-h1-margin: 15px;
		--fran-bw-block-size: 5vh;
		--fran-fb-btn-width: 15vw;

		--fran-h3-size: 17px;

		--franDev_list_margin: 40px;

		--franDev_padding: 40px;

		--fran-font-size: 12px;

		--franDev_blt_width: 20px;
	}

	.big {
		font-size: 12px;
	}

	.fran__fb_btn { font-size: 14px; }
}