

		body
		{
			font-size: 100%; /* browser default = 1.0em = 16px ... all other text on homepage is EM ... 100% means full browser text size whis is changeable by user */

			font-family: arial, Verdana, sans-serif; /* as stated here: https://www.w3schools.com/css/css_font.asp */

			margin: 0;
		}

		.info_section a:link /* a:link = unvisited links Only! ... links are inline elements */
		{
			/* color: blue; */

			/* text-decoration: none; */ /* makes sure text doesn't end up underlined */
		}

		.info_section a /* link at all times ... No colon + suffix used here */
		{
			color: #3651C9;

			/* text-decoration: none; */ /* makes sure text doesn't end up underlined */
		}

		.info_section a:hover
		{
			color: #0D4B18;
			background-color: #EBF8ED;
		}

		#navbar_top_inner
		{
			/* width commented in ... navbar_top_fixed.css ... because it is controlled here */
			width: 100%;
		}

		#discount_groups
		{
			width: 100%;

			font-family: arial, Verdana, sans-serif; /* as stated here: https://www.w3schools.com/css/css_font.asp */

			margin: auto;
			margin-top: 30px;

			padding: 10px;

			border: 1px solid green;
		}

		#gtm_logo
		{
			position: relative;

			display: flex;
			justify-content: space-between;

			width: 97%;
			margin: 7px auto 10px auto; /* top .. right .. bottom .. left */
		}

		#gtm_logo img
		{
			max-width: 65%;
		}

		.info_section
		{
			border: 1px solid purple;

			padding: 10px;
			padding-left: 15px;
		}


		hr
		{
			border-top:1px dotted;
		}

		p
		{
			/* margin: 0; */
			line-height: 1.35;
		}

		ul
		{
			line-height: 1.5;
		}

		h1, h2, h3
		{
			color: #BD2D0C;

			margin: 5px auto 10px 2%; /* top .. right .. bottom .. left */

			font-style: italic;
		}

		h2
		{
			margin-bottom: 20px;
		}

		h3
		{
			color: green;
		}

		@media only screen and (min-width: 1600px)
		{ /* Bootstrap breakpoints: (down page a bit) https://getflywheel.com/layout/css-breakpoints-responsive-design-how-to/ */

			#gtm_logo, #discount_groups, #navbar_top_inner, #footer_inner
			{
				/* .product_cat_block ... is in ... navbar_product_cat.css ... which is set to different width for ... product_detail_page.css */

				width: 70%;
			}
		}
