h4
        {
            margin-top: 10px;
            margin-bottom: 3px;
            padding: 0px;
        }
        a:link, a:active, a:visited
        {
            color: yellow;
            background-color: transparent;
            text-decoration: none;
        }
        a:hover
        {
            color: white;
            background-color: transparent;
            text-decoration: none;
        }
        body
        {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .menu
        {
            display: flex;
            justify-content: right; /* play here*/
            background-color: #333;
            padding: 10px; /*padding-left: 10px;
				padding-right: 10px;
				padding-top: 10px;
				padding-bottom: 10px;*/
            width: 100%;
            position: fixed;
            z-index: 100;
        }
        .menu a
        {
            color: white;
            padding: 14px 20px;
            text-decoration: none;
            text-align: right; /* does nowt methinx */
        }
        .menu a:hover
        {
            /*background-color: #ddd;
					color: black;*/
            color: yellow;
        }
        .menu .icon
        {
            display: none;
        }
        @media screen and (max-width: 768px)
        {
            .menu a
            {
                display: none;
            }
            .menu a.icon
            {
                display: block;
            }
            .menu.responsive
            {
                flex-direction: column;
                align-items: right; /*flex-start;*/
                justify-content: right;
            }
            .menu.responsive a
            {
                display: block; /*text-align: right;	 play here*/
                width: 94%;
                padding: 10px;
            }
        }
        /*https://www.w3schools.com/css/css_rwd_images.asp*/img
        {
            max-width: 100%;
            height: auto;
        }
        .section
        {
            width: 100%; /*height: 100vh;*/ /* Full viewport height */
            color: white;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: flex-start; /* Align text to the top */
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 170px;
            padding-bottom: 100px; /* Adds space to avoid being hidden behind fixed nav */ /*clip-path: ellipse(100% 25% at bottom);*/
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"><path d="M0,50 Q150,100 300,50 V100 H0 Z" fill="white"/></svg>') no-repeat center bottom;
        }
		.section2 /* this is used by the book.htm file, */
		{
		  width: 100%;
		  /*height: 100vh;*/
		  /* Full viewport height */
		  color: white;
		  font-size: 15px;
		  display: flex;
		  justify-content: center;
		  align-items: flex-start;
		  /* Align text to the top */
		  text-align: center;
		  padding-left: 0px;
		  padding-right: 0px;
		  padding-top: 130px;
		  padding-bottom: 100px;
		  /* Adds space to avoid being hidden behind fixed nav */
		  /*clip-path: ellipse(100% 25% at bottom);*/
		  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"><path d="M0,50 Q150,100 300,50 V100 H0 Z" fill="white"/></svg>') no-repeat center bottom;
		}
		
        .home
        {
            background-color: #FE8AAD; /*#EF5354;*/ /*#FF5333;*/ /*background-image: linear-gradient(to bottom right, #EF5354, #009933);*/ /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"><path d="M0,50 Q150,100 300,50 V100 H0 Z" fill="lightblue"/></svg>') no-repeat center bottom;*/
        }
        .primprac
        {
            background-color: #8CB5D5; /*#95687A;*/ /*white;*/ /*#009933;*/ /*#50759F;*/
        }
        .contact
        {
            background-color: #7FD3BE; /*#E03B8B;*/ /*#FF8C1B; #38CC99;*/
        }
        .reviews
        {
            background-color: #FFA35D; /*#FE8AAD;*/ /*#EF5354;*/ /*#FF5333;*/ /*background-image: linear-gradient(to bottom right, #EF5354, #009933);*/ /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"><path d="M0,50 Q150,100 300,50 V100 H0 Z" fill="lightgreen"/></svg>') no-repeat center bottom;*/;
        }
        .innerDiv
        {
            width: 65%;
            text-align: left;
            border-radius: 25px 25px 25px 25px;
            background: #333;
            padding: 50px;
        }
        .innerDivReview
        {
            width: 71%; 
            /* This expands the actual reviews widths (and making it more readable on smalls screens) by removing the padding, the actual Elvsite review widget has its own padding. */
            /* however, it screws with width of screen for iPhone XP and iPhone 14 max pro */
            justify-content: center;
            text-align: left;
            border-radius: 25px 25px 25px 25px;
            background: #333;
            padding: 0px;
        }
        .Jen /* this the section that appears at the end of every section, with the yellow bg and Message Jen on ... and Book Jen button : this is unused and now has been hidden*/
        {
            width: 50%;
            font-size: 15px; /*font-weight: bold;*/
            text-align: left;
            border-radius: 8px;
            background: yellow;
            color: #333;
            padding: 10px;
        }
        .Jen2 /* this the section that appears in the nav bar at the top with the Message Jen on ... and Book Jen */
        {
            width: 50%;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            border-radius: 15px;
            background: yellow;
            color: #333;
            padding: 5px;
            min-width: 140px;
            height: 65px;
            line-height: 18px; /* display: flex;
            justify-content:center; 
            align-items:center; */
        }
        .container
        {
            display: flex;
            align-items: center; /* Centers items vertically */
            gap: 50px; /* Adds spacing between text and image */
        }
        .image img
        {
            width: 800px;
            max-width: 100%; /* Makes sure the image scales */
            height: auto;
        }
        .image2 img
        {
            border-radius: 15px;
            width: 800px;
            max-width: 100%; /* Makes sure the image scales */
            height: auto;
        }
        @media (max-width: 768px)
        {
            .container
            {
                flex-direction: column; /* Stacks items vertically on mobile */
                align-items: center; /* Centers items */
            }
        }
        #installButton
        {
            display: none;
            padding: 10px 20px;
            background-color: #0078D7;
            color: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
            font-weigt: bold;
            cursor: pointer;
        }
        #installButton:hover
        {
            background-color: #005EA6;
        }
        #BookJennyButton /* this the section that appears at the end of every section,w ith teh yellow bg and Message Jen on ... and Book Jen button : this is unused and now has been hidden*/
        {
            display: inline-block;
            align: center;
            padding: 10px 70px;
            background-color: #0078D7;
            color: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
            cursor: pointer;
        }
        #BookJennyButton:hover /* this the section that appears at the end of every section,w ith teh yellow bg and Message Jen on ... and Book Jen button : this is unused and now has been hidden*/
        {
            background-color: #005EA6;
        }
        #BookJennyButton2 /* this the section that appears in the nav bar at the top with the Message Jen on ... and Book Jen */
        {
            display: inline-block;
            align: center;
            padding: 5px 15px;
            background-color: #0078D7;
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 15px;
            cursor: pointer;
        }
        #BookJennyButton2:hover /* this the section that appears in the nav bar at the top with the Message Jen on ... and Book Jen */
        {
            background-color: #005EA6;
        }