* {
    box-sizing: border-box;
}
.header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100vw; 
			max-width: 100%;
            height: 80px;
            background-color: #fff;
			box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
		

 .header .left-section {
          flex-grow: 1;
        }
 .header .logo1 {
            padding-left: 20px;
			
        }
 .header .logo2 {
            padding-left: 20px;
			padding-right: 20px;
        }			

.header .right-section {
            background-color: #41aa29; 
            color: #fff;
            padding: 0px 10px;
            display: flex;
			height: 100%;
			width:100%;
			max-width: 60vw;
			color: #bfe3b7;
			display: flex;
			flex-wrap: wrap; 
			gap: 0px;
}

	
.footer {
	background-color: #41aa29;
	margin: 0;
    padding: 0;
	margin-bottom:0;
	width: 100vw;
	text-align: center;
	box-sizing: border-box;
	padding: 0 0;
}

 .h1 {
	background-color: #41aa29; 
	color: #bfe3b7;
	margin: 0; 
	padding: 0;
	padding-top: 10px;
	text-align: left;
	white-space: nowrap; 
	flex-wrap: wrap;
}
.h2 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
}
.s1 {
	font-size: clamp(30px, 3vw, 32px); 
	color: #41aa29;
}
.s2 {
	font-size: clamp(16px, 2vw, 20px); 
}
.s3 {
	font-size: clamp(14px, 1.2vw, 16px); 
}
.s4 {
	font-size: clamp(18px, 1.5vw, 22px); 
	font-style: bold;
}
.s5 {
	font-size: clamp(20px, 2.5vw, 26px); 
	color: #41aa29;
}
.s6 {
	color: #bfe3b7;
}

.main {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            text-align: center;
}

body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
	text-align: center;
}

a.nolink {
            color: inherit;
            text-decoration: none;
            cursor: text;
        }
		


a.mlink {
            color: inherit;
            text-decoration: none;
            cursor: text;
        }

a.mlink:hover, a.mlink:focus, a.mlink:active {
            color: #fff;
            text-decoration: none;
            cursor: text;
}

 @media (max-width: 800px) {
		 .header .left-section {
				visibility: hidden;
				display: none;
			}
            .header {
				box-sizing: border-box; 
                flex-direction: column;
                justify-content: center;
                height: auto;
				width:100vw;
				max-width: 100%;
            }

            .header .right-section {
                max-width: 100%;
				max-height: 35vh;
                text-align: center;
                padding-top: 0;   
                flex-direction: column;  
                align-items: center;
				flex-wrap: wrap; 
				display: flex;
				
            }
            .header .logo {
                padding-left: 0;
                text-align: center;
            }
			 .h1 {
				 padding-top: 0;
			 }
			 .h2 {
				 visibility: hidden;
				 display: none;
			 }
        }