
	
	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: #AFA8B0;
	}
	
	#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: #393939;
		
		font-size: 20px;
	}
	
	h3.footer_info_entry /* color for LINKS! is set just below via ... #footer_inner a */
	{
		margin: 0;
		
		color: #F2F2F2;
		
		font-size: 17px;
		
		font-style: arial;
		font-weight: normal;
		
		line-height: 1.5;			
	}
	
	#footer_inner a
	{
		color: #F2F2F2;
	}
	
	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;
		
		padding: 25px;
		
		/* border: 1px solid blue; */
		
		background-color: gray;			
	}

	#footer_address
	{
		margin:15px;
	}
	
	#footer_logo
	{
		opacity: 0.5;
	}
		
	