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

		  .one {
			  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;*/
		  }

		  .two {
			  background-color: #8CB5D5; /*#95687A;*/ /*white;*/ /*#009933;*/ /*#50759F;*/
		  }

		  .three {
			  background-color: #95687A; /*#FFA39C;*/ /*#E03B8B;*/
		  }

		  .four {
			  background-color: #50759F; /*#04A6D5;*/
		  }

		  .five {
			  background-color: #7FD3BE; /*#E03B8B;*/ /*#FF8C1B; #38CC99;*/
		  }

		  .innerDiv {
			  width: 65%;
			  text-align: left;
			  border-radius: 25px 25px 25px 25px;
			  background: #333;
			  padding: 50px;
		  }

		  .Jen {
			  width: 50%;
			  font-size: 15px;
			  /*font-weight: bold;*/
			  text-align: left;
			  border-radius: 8px;
			  background: yellow;
			  color: #333;
			  padding: 10px;
		  }


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

		  @media (max-width: 768px) {
			  .container {
				  flex-direction: column; /* Stacks items vertically on mobile */
				  align-items: center; /* Centers items */
			  }
		  }