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;
		}

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

		#privacy_policy
		{
			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;
		}

		.heading
		{
			font-weight: bold;

			color: #3637A3;
		}

		.please_note
		{
			color: purple;

			font-weight: bold;

			text-decoration: underline;
		}

		.colon
		{
			color: purple;

			font-weight: bold;
		}

		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, #privacy_policy, #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%;
			}
		}