

	footer
	{
		margin-top: 75px;
	}

	#footer_info_section
	{
		border: 1px solid blue; /* Note_Ref_1: 1px border width here Reduces! parent-div-width-percent-space which determines footer width */
								   /* Therefore the thicker this border ... the more the footer doesn't align (becomes narrower) with the page */

		padding: 12px 0 12px 0; /* top .. right .. bottom .. left */

		background-color: #dbdbed;
	}

	#footer_inner
	{
		border: 1px solid orange;

		display: flex;
		flex-wrap: wrap;

		justify-content: space-between;

		margin: 0 auto; padding: 2px; /* see "Note_Ref_1" above! ... also you might want to remove 1) border & 2) padding used here */
	}

	.footer_info_block
	{
		font-weight: bold;
		font-family: arial;

		border: 1px solid green;
		padding: 15px;

		min-width: 250px; /* controls when flex-wrap occurs ... also you can see the Green! border set to this: min-width: 350px */

		flex-grow: 1; /* Note: less than 0.333 starts to Not! use all space */
		margin: 3px;
	}

	h2.footer_info_heading
	{
		margin: 0;

		color: #612700;

		font-size: 20px;
	}

	h3.footer_info_entry /* color for LINKS! is set just below via ... #footer_inner a */
	{
		margin: 0;

		color: #014811;

		font-size: 17px;

		font-style: arial;
		font-weight: normal;

		line-height: 1.5;
	}

	#footer_inner a
	{
		color: #014811;
	}

	ul.footer_entry_parent
	{
		/* border: 1px solid green; */

		margin: 0;
		margin-top: 10px;

		padding-top: 5px;
		padding-bottom: 5px; /* need setting individually as top & bottom ... auto or initial do Not! work in place of 0 if using shorthand */
	}

	#footer_payment_section	{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

    margin-top: 1px;

		padding: 25px;
		background-color:#c7d3ee;

    border: 1px solid rgb(3, 3, 36);
	}

	#footer_address	{
		/* margin: 15px; */
    margin-right: 22px;
    margin-bottom: 15px;
    margin-top: 7px;

    line-height: 1.5;
	}

	#footer_logo {
		opacity: 0.75;
    margin-bottom: 5px;
	}
