/*<style>*/

		@font-face {
			font-family: 'texgyretermes-regular';
			src: url('CH/fonts/texgyretermes-regular.otf') format('texgyretermes')/*,
			url('CHG/fonts/texgyretermes-regular.otf') format('texgyretermes')*/;
			font-weight: normal;
			font-style: normal;
			font-family:texgyretermes-regular; /*', cursive";*/
			font-size: 14px; /*// Optional styling*/
			}
            .parentDiv{
                display:grid; 
                grid-template-columns: 0.1fr 9.9fr;
                height: 150px;
                padding-top: 23px;
                margin-bottom: 10px;
            }
            .logoDiv {
				
                margin-left: 7vw;
                width: 14%;
                height: auto; /*93px*/
				justify-content:center;
            }
            .logoImg {
                width: 350px;                
            }
	   .navDiv{
                display:grid; 
                grid-template-columns: 1fr;
                height: 150px;
				justify-content:center;
			}
            nav {
                font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
                /*font-size: 1.3rem;*/
				font-size: 1.2vw; /* Fallback for older browsers */
				font-size: clamp(1.5rem, 2vw, 2.0rem);
			}
            nav ul {
                margin-left: 50px; 
                margin-top: 42px;
                list-style: none;
                display: grid;
				grid-template-columns: 1.11fr 1.11fr 1.11fr 1.11fr	1.11fr 1.11fr 1.11fr 1.11fr 1.11fr;
                /*flex-wrap: nowrap;*/
                justify-content:space-between;
                align-items:flex-start;  
                gap: 5px;                
            }
            nav li {
                height: 7px;
                /*width: 94%;*/
				margin-right: 15px;
  				text-decoration: none; /* Removes the underline */
            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none; /* Removes the underline */
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
            nav li:first-child {
                
            }
}

            @media (max-width: 1366px) {
            .parentDiv{
                display:grid; 
                grid-template-columns: 01fr 9fr;
                height: 140px;
                padding-top: 23px;
                margin-bottom: 10px;
            }
            .logoDiv {
				margin-top: 2px:
                margin-left: 40vw;
                width: 14%;
                height: auto; /*93px*/
            }
            .logoImg {

                width: 350px;                
            }
			.navDiv{
                display:grid; 
                grid-template-columns: 1fr;
                height: 50px;
                margin-top: 22px;
                margin-bottom: 1px;
			}
            nav {
                font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
                /*font-size: 1.3rem;*/
				font-size: 1.2vw; /* Fallback for older browsers */
				font-size: clamp(1.5rem, 2vw, 2.0rem);
			}
            nav ul {
                margin-left: 50px; 
                margin-top: 100px;
                
                /*max-width:70%; */
				/*width: 80%;
				margin-left: 20px;*/
                list-style: none;
                display: grid;
				grid-template-columns: 1.11fr 1.11fr 1.11fr 1.11fr	1.11fr 1.11fr 1.11fr 1.11fr 1.11fr;
				
				
                /*flex-wrap: nowrap;
                justify-content:center;*/
                align-items:flex-start;  
                gap: 5px 1px;                
            }
            nav li {
                height: 7px;
                /*width: 94%;*/
				margin-right: 15px;
				text-decoration: none;
            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none;
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
            nav li:first-child {
                
            }
}
            
            @media (max-width: 1280px) {
            .parentDiv{
                display:grid; 
                grid-template-columns: 01fr 9fr;
                height: 125px;
                padding-top: 23px;
                margin-bottom: 10px;
            }
            .logoDiv {
				margin-top: 1px;
                margin-left: 5vw;
                width: 14%;
                height: auto; /*93px*/
            }
            .logoImg {

                width: 350px;                
            }
			.navDiv{
                display:grid; 
                grid-template-columns: 1fr;
                height: 150px;
                margin-top: 1px;
                margin-bottom: 1px;
			}
            nav {
                font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
                /*font-size: 1.3rem;*/
				font-size: 1.2vw; /* Fallback for older browsers */
				font-size: clamp(1.5rem, 2vw, 2.0rem);
			}
            nav ul {
                margin-left: 10px; 
                margin-top: 20px;
                
                /*max-width:70%; */
				/*width: 80%;
				margin-left: 20px;*/
                list-style: none;
                display: grid;
				grid-template-columns: 1.11fr 1.11fr 1.11fr 1.11fr	1.11fr 1.11fr 1.11fr 1.11fr 1.11fr;
                /*flex-wrap: nowrap;*/
                justify-content:space-between;
                align-items:flex-start;  
                gap: 5px 1px;                
            }
            nav li {
                height: 7px;
                /*width: 94%;*/
				margin-right: 15px;
				text-decoration: none;
            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none;
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
            nav li:first-child {
                
            }
}

@media (max-width: 950px) {
             .parentDiv{
                display:grid; 
                grid-template-columns: 0.4fr 0fr 9.6fr;
                height: 150px;
                padding-top: 18px;
                margin-bottom: 2px;
            }
            .logoDiv {
                margin-left: 3vw;
				margin-top:10px;
                width: 10%;
                height: auto; /*93px*/
            }
            .logoImg {
                width:300px;                
            }

			.navDiv{
                display:grid; 
                grid-template-columns: 1fr;
                height: 150px;
                padding-top: 22px;
                margin-bottom: 1px;
			}
            nav {
                font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
                /*font-size: 1.3rem;*/
				font-size: 2.1vw; /* Fallback for older browsers */
				font-size: clamp(4.0rem 4.0vw, 4.0rem);
			}
            nav ul {
                margin-left: 1px;
                /*margin-top: 40px;
                
                max-width:70%; */
				/*width: 80%;
				margin-left: 20px;*/
                list-style: none;
                display: grid;
				grid-template-columns: 2.2fr  2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr;
                /*flex-wrap: nowrap;*/
                justify-content:space-around;
                align-items:flex-start;  
             
            }
            nav li {
                height: 7px;
                /*width: 94%;*/
				margin-right: 15px;
				text-decoration: none;
            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none;
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
            nav li:first-child {
                
            }
}
                  

        @media (max-width: 768px) {
			 .parentDiv{
                display:grid; 
                grid-template-columns: 1fr 9fr;
                height: 130px;
                padding-top: 16px;
                margin-bottom: 2px;
            }
            .logoDiv {
                margin-left: 2vw;
				margin-top: 5px;
                width: 10%;
                 /*93px*/
            }
            .logoImg {
                width:270px;                
				height: auto;
            }
			 nav {
                font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
                /*font-size: 1.3rem;*/
				font-size: 2.2vw; /* Fallback for older browsers */
				font-size: clamp(4.0rem 4.0vw, 4.0rem);
			}
            nav ul {
                float-left;
				tmargin-left: 1px;
                /*margin-top: 40px;
                
                max-width:70%; */
				/*width: 80%;
				margin-left: 20px;*/
                list-style: none;
                display: grid;
				grid-template-columns: 2.2fr  2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr;
                /*flex-wrap: nowrap;*/
                justify-content:center;
                align-items:center;  
             
            }
            nav li {
                height: 7px;
                /*width: 94%;*/
				margin-right: 8px;
				text-decoration: none;
            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none;
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
            nav li:first-child {
                
            }

        }
        @media (max-width: 414px) {            
            .parentDiv{  
			  padding-top: 10%;
			  display: flex;
			  flex-direction: column; /* Makes the menu vertical */
			  background-color: #EDE4E4;
			  width: 100%; /* Full width for mobile */
			  height: 400px;
            }
            .logoDiv {
				margin-top 10px;
                width: 400px;
                height:auto;
            }
            .logoImg {
                width: 80%;
                /*min-width: 75px;*/
            }
			
			nav {				
				height: 100%;
				background-color: #F7F9F9;
				font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
                color: rgb(103, 108, 113);
				font-size: 26px; /* Fallback for older browsers */
				font-size: clamp(4.0rem 4.0vw, 4.0rem);			
				background-color:white;/* #F5F5F5;;*/
			}
			nav ul {					
                display: flex;
				flex-direction: column; /* Makes the menu vertical */			  
				width: 100%; /* Full width for mobile */
				justify-content:center;
            }
            nav li {
                height: 30px;
                /*width: 94%;*/
				text-decoration: none;

            }
            nav a {                
                color: rgb(103, 108, 113);
				text-decoration: none;
            }
            nav a:hover {                
                /*background-color: #878393;*/
                color: rgba(118,175,161,1.00);
                border:none;
            }
        }    
        /*@media (max-width: 375px) {

            
            .parentDiv{   
                grid-template-columns: 3fr 7fr;
                margin-left: 8%;
                height: 10vh;
                
            }
            .logoDiv {
                display:flex;                     
                font: 1em sans-serif;
                margin-left: -2vw;
                width: 280px;
                height:auto;
                min-width:280px;
            }
            .logoImg {
                width: 280px;
                margin-left: -8%;
            }
        } */ 
       
       /*</style>*/