body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
			/*padding-bottom: 100px;*/ /* 22/05 removed to push footer to bottom */
            /*/background-color: #f0f0f0;
			//background-color: #e9ecf7;*/
			width: 98%;
        }
		body li{
			line-height: 1.3;
		}
        header {
            font-family: 'Montserrat', sans-serif;
            background-color: #22394B;
            /*background-color: #1073BB;*/
            color: #fff;
            text-align: center;
            padding: 0px;
	        padding-left: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            z-index: 1000;
	        top: 0;
	        width: 100%;
			text-wrap: wrap;
			/*line-height: 14px;*/
        }
        
		h1 { /* this will become h2 styling */
            font-family: 'Montserrat', sans-serif;
            color: #fff;
            cursor: pointer; /* Add this to indicate it's clickable */
			text-align: center;
			text-wrap: wrap;
   		    font-size: 23px;
        }
		#page-title { /* this used to be h1*/
            font-family: 'Montserrat', sans-serif;
            color: #fff;
            cursor: pointer; /* Add this to indicate it's clickable */
			text-align: center;
			text-wrap: wrap;
   		    font-size: 23px;
			font-weight: bold;
			margin-block-start: .67em;
			margin-block-end: .67em;
        }
        h2 { /* this will become h3 styling */
            font-family: 'Montserrat', sans-serif;
     		font-size: 20px;
        }
		h3 { /* this will become h4 styling */
		   font-family: 'Montserrat', sans-serif;
     	   font-size: 17px;
		   font-weight: bold;
		   margin-bottom:5px;
		}
        /* This is the main window - smaller viewport*/
		main {
            padding: 50px 20px 10px; /* Adjusted padding to account for the fixed header and footer */
			/* border: 2px solid black; */
			/* width: 50%;*/
			/* height: 1px; */
        }
        .content-section {
            text-align: center;
            display: none;			/* Hide the content initially */
			width: 100%;
        }

        #chatmain-content {
         /*display: block; /* Show the main content by default */
		 /*font-family: 'Helvetica', sans-serif;*/
         /*max-width: 50%; */
         padding-bottom:900px
        }

        main2-content,
		about-content,
        contribute-content,
        data-sources-content,
		privacy-content,
        disclaimer-content,
		sponsor-content,
		chat-content,
        testimonials-content {
            display: none;
        }

		.button {
            z-index: 2000;
			bottom: 100;
		}		
        /* This is the menu items and text */
		.menuItem {
          display: block;
          margin: 1rem 0rem;
          font-size: 1.2rem;
          color: black;
          text-decoration: none;
          line-height: 0.9;
        }

        /* This is the menu content underlining when hovering */
		.menuItem:hover {
          text-decoration: underline;
        }

        /* This is the button */
		.hamburger {
          position: fixed;
          z-index: 1100;
          top: 1rem;
		  left: 1rem;
          padding: 4px;
          border: 0px solid black ;
          border-radius: 5px;
		  height: 32px;
		  width: 32px;
          /*background: white;*/
          cursor: pointer;
		  float: left;
        }

        .closeIcon {
          display: none;
        }

        .menu {
          position: fixed;
          /*transform: translateX(-200%);*/
          transition: transform 0.1s;
          top: 3.0rem;
          left: 0.0rem;
          /*right: 1.5rem;*/
          z-index: 1150;
		  /*color: white;*/
          background-color: #B8DBF3; /* #A2CEEF;*/
          text-align: left;
          list-style: none;
          padding-top: 0rem;
		  padding-left: 20px;
		  padding-right: 20px;
          /*height: 410px;*/
          width: 160px;
         /* border: 2px solid white;*/
          border-radius: 20px;
		  left: -250px;
        }
        .menu.active {
          left: 0;
        }
		.menu-toggle {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            position: absolute;
            top: 15px;
            left: 15px;
            z-index: 2;
        }
		
        .showMenu {
          transform: translateY(0);
        }
		.menu ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
			left: 200px;
        }

        .menu li {
         display: block;
		 text-align: start;
        }

        .menu a {
            text-decoration: none;
            display: block;
            margin: 1rem 0rem;
            font-size: 1.2rem;
            color: black;
            line-height: 0.9;
			list-style: none;
			
		}
		 .menu a:hover {
          text-decoration: underline;
		}

		        /* Overlay to close menu when clicking outside */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

        .overlay.active {
            display: block;
        }
        /*#chat-content {
		  display: block;
		  position: fixed;
		  bottom: 0;
          right: 0;
          zindex: 1025;	
		  
          /* style="position:fixed; top: 1px; right: 300px;"*/		  
		/*}*/
		
        footer {
            background-color: #22394B;
            /*background-color: #1073BB;*/
            color: #fff;
            text-align: center;
            padding: 10px;
            position: relative; /*was fixed*/
            bottom: 0;
            width: 98%;
        }
        footer a {
			color: white;
			/*font-style: italic;*/
		}		
		
		#chat-btn {
            background-color: #22394B;
            color: #fff;
            padding: 10px;
            cursor: pointer;
            border-radius: 5px;
            text-align: center;
			width: 40%;
			min-width: 150px;
            max-width: 150px; 
        }
		
        .container {
          display: none;
		  /*display: absolute;*/
		  position: relative;
          overflow: visible; /*hidden;*/
          width: 100%;
          padding-top: 50.5%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		  /*aspect-ratio: 16/9;*/
		  height: 800px;
		  top: 200px;
		  right: 0;
		  bottom: 100px;
        }
		
		.responsive-iframe{
		  position: absolute;
          top: 0px; /*was 60 */
          left: 0.5rem;
          /*bottom: 0;
          right: 0;*/
          /*width: 95%;         */ 
		  width: 95%; 
          height: 85%; /* was 75 */
		  /*border: 1px solid black;*/

		}

		.col-afterchat {
		 position:absolute;
		 /*height: 1100px;*/
		 width: 95%;
		 top: 82%;
		 bottom: 3.5%;
		 /*border: 1px solid black;*/
		}
		
		.col-1 {width: 33.33%;}
		.col-2 {width: 50.00%;}
		.col-3 {width: 66.66%;}
		.col-4 {
		  float:left;
		  width: 75.00%;
		  padding: 0px;
		}
		.col-4-ad {
		  float:left;
		  width: 100.00%;
		  padding: 0px;
		}
		.col-5 {
		  width: 100%;
    	  padding: 0px;
		  padding-top:10px;
	    }
		.col-6 {
		  float:left;
		  width: 25%;
    	  padding: 0px;
	    }
		.col-6-ad {
  		  display:none;
	    }
		/*.col-7 {width: 20%;}*/
		.col-7 {
		  display: none;
		  float:right; 
		  width: 25%;
		  padding-right: 20px;
		}
		.col-7-ad {
		  display: none;
		}
		.col-chat {
		  width: 90%;
		}
		
		.row::after {
         content: "";
         clear: both;
         display: table;
        }
		#inline-ad-mobile{
		  display: block;
		}
		#inline-ad-desktop{
		  display: block;
		}
		/*[class*="col-"] {
         float: left;
         padding: 5px;
         border: 1px solid red;
        }*/
		
		/* #######################################################################################*/
        /* <!--@media (min-width: 768px) --> */
		/* ###########<!-- Designed for mobile first , below is NON Mobile -->  was 0 ###########*/
		@media all and (min-width: 600px){
			header {
              justify-content: space-between;
			  padding-left: 70px;
            }
			h1 {
              /*font-family: 'Helvetica', sans-serif;*/
              color: #fff;
              cursor: pointer; /* Add this to indicate it's clickable */
			  text-align: center;
			  text-wrap: wrap;
   		      /*font-size: 25px;* -- removed as part of h1 convert */ 
            }
			#page-title { /*this used to be h1 */
   		      font-size: 25px;

            }
			h2 {
              margin-top: unset;
			}
            body {
			width:100%;
			height:100%;
			}
			/*#wrap {min-height: 100%;}*/

            main {
               /* Adjusted padding to account for the fixed header and footer */
			   padding: 85px 20px 20px; 
			   overflow:auto;
			   padding-bottom:40px;
               /*width: 50%;*/
            }
			
			#chat-btn {
			  /* background: black; */
			  min-width: 150px;
              max-width: 150px; 
            }
			.responsive-iframe{
		      top: -2px;
			} 
            .col-4-ad {
		      width: 65.00%;
			  padding-right: 20px;
		    }
			.col-6-ad {
			 display: block;
			 float: left;
		     width: 15%;
			 padding: 0px;
	        } 
			.col-5 {
			 padding-bottom:70px;
			}

			.col-7 {
		      display:block;
			  float:right; 
		      width: 25%;
		    }
			.col-7-ad {
				display: block;
				float:left; 
				width: 15%;
				padding-right: 20px;
			}
			.col-chat {
			   width: 70%;
			}
			.responsive-iframe{
			  /*width: 85%; */			  
			  width: 75%; 
              height: 80%;
           }

		   /* This is the menu items and text */
		    .menuItem {
              margin: 1rem 0rem;
              font-size: 1.2rem;
              line-height: 0.9;
            }
		   	.row::after {
             content: "";
             clear: both;
             display: table;
            }
			#inline-ad-mobile{
		      display: none;
			}
			#inline-ad-desktop{
			  display: block;
		}
		    footer {
            padding: 10px;
			bottom: 0;
			margin-top: -40px;
			height: 40px;
            position: fixed; /*was fixed*/
			clear:both;
			width: 100%;
            }

        }