body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #1f1f1f; /* Dark background */
            color: #f0f0f0; /* Light text */
			max-width: 100%;
		 
	width: 100%; 
	 /* max-width: 1024px; or whatever width you want */ 
 
        }
		html {
			
	    width: 1024px; 
		display: block;
		}
        header {
            background-color: #4d4d4d; /* Dark gray */
            color: #ffffff; /* White text */
            padding: 1rem;
            text-align: center;
            font-size: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        header img {
            max-height: 100px; /* Control the height of the image */
            margin-bottom: 15px; /* Space between image and title */
        }
        header h1 {
            font-size: 2.5rem; /* Larger font size */
            font-weight: bold; /* Bold text */
            text-transform: uppercase; /* Uppercase text */
            margin: 0; /* Remove margin */
            letter-spacing: 0.1rem; /* Spacing between letters */
        }
        nav {
            background-color: #333333; /* Darker gray */
            padding: 1rem;
            text-align: center;
        }
        nav a {
            color: #ffffff; /* White text */
            margin: 0 15px;
            text-decoration: none;
            padding: 0.5rem;
            font-size: 1.1rem;
        }
        nav a:hover {
            background-color: #555555; /* Hover effect - lighter gray */
            border-radius: 5px;
        }
		 

			
        .content {
            padding: 2rem;
            max-width: 100%;
            margin: auto;
            background-color: #2a2a2a; /* Slightly lighter background for content */
            border-radius: 10px;
        }
        .page {
            display: none;
			max-width: 100%;			
			object-fit: cover;			 
            margin: auto;
            background-color: #2a2a2a; /* Slightly lighter background for content */
             
        }
        .page.active {
            display: flex;
			
        }
        .media-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }
		a {
			color:#00A0C6; 
			text-decoration: none;
			  font-weight: bold;
			  target:_new;
		}

		a:hover {
			color:  #ffffff;
			text-decoration:none; 
			cursor:pointer;
			font-weight: bold;	
			target:_new;			
		}
        .media-container img,
        .media-container iframe {
            border-radius: 10px;
            max-width: 100%;
            height: auto;
        }
        footer {
            background-color: #333333; /* Dark gray */
            color: #ffffff; /* White text */
            padding: 1rem;
            text-align: center;
            margin-top: 2rem;
        }
        .rowfixed {
            display: flex;
            height: 100%;
        }
        .row {
            display: flex;
        }
        /* Create two equal columns that sits next to each other */
        .column {
            flex: 50%;
            padding: 10px;
            height: 300px; /* Should be removed. Only for demonstration */
        }
       
        .column10 {
            flex: 10%;
            padding: 10px;
            height: 300px; /* Should be removed. Only for demonstration */
        }
        .column90 {
            flex: 90%;
            padding: 10px;
            height: 300px; /* Should be removed. Only for demonstration */
        }
        .column450 {
            flex: 90%;
            padding: 10px;
            height: 450px; /* Should be removed. Only for demonstration */
        }
        .column90new {
            flex: 90%;
            padding: 1px;
             
        }
        .column90newsmall{
           width:100px;
            padding: 1px;
        }
        .scriptfont {
            font-family: "Lucida Handwriting";
        }
	 
        .img {
            max-width: 100%;
            height: auto;
        }
		
		.iframe-container {
    position: relative;
    width: 90%;
    padding-bottom: 56.25%; /* This maintains a 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;     
    border: 0;
}
@media (min-width: 100024px) {
    .column {
        flex: 50%;
    }

    .column90 {
        flex: 90%;
    }

    .column10 {
        flex: 10%;
    }
	 .column450 {
            flex: 90%;
            padding: 10px;
            height: 450px; /* Should be removed. Only for demonstration */
        }
        .column90new {
            flex: 90%;
            padding: 1px;
             
        }
        .column90newsmall{
           width:10px;
            padding: 1px;
        }
	 
    .page {
        height: 1400px;
width:100%;		/* Height can be adjusted for larger screens */
    }

    header img {
        max-height: 80px; /* Larger for desktop */
    }
	nav {
    background-color: #333333;
    padding: 1rem;
    text-align: center;
}

.nav-links {
    display: flex;
    justify-content: center;
	 flex-direction: row;
	 
}

.nav-links a {
    color: #ffffff;
    margin: 0 15px;
    text-decoration: none;
    padding: 0.5rem;
    font-size: 1.1rem;
}

.nav-links a:hover {
    background-color: #555555;
    border-radius: 5px;
	
}

/* Hamburger icon styles */
.nav-toggle {
    display: none; /* Hidden by default */
    font-size: 2rem;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
	
}
}



@media (min-width: 1024px) {
		body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #1f1f1f; /* Dark background */
            color: #f0f0f0; /* Light text */
			max-width: 100%;
			 font-size: 20px;	   
				width: 100%; 
	 
        }
		img {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		 .Homeheader  {
         
				display:block;
		}
		 .Homeheadermini {
        flex: 90%;
		 max-width: 20%; 
		   height: 90%;
		     padding: 1px;
			  padding-right: 1px;
			  padding-top:18px;
			    align-items: right;
				display:none;
		}
		 .column90Homeleft {
        flex: 90%;
		 max-width: 20%; 
		   height: 90%;
		     padding: 1px;
			  padding-right: 1px;
			  padding-top:18px;
			    align-items: right;
				display:none;
		}
	 .column90Homeright {
        flex: 90%;
		 max-width: 80%; 
		   height: 90%;
		     padding-left: 30px;
			  padding-top:30px;
			  display:none;
    }
		.imghome {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		.imghome3 {
            max-width: 100%;
            height: 300px;
			  border-radius: 5px;
        }
		.imghome4 {
            max-width: 100%;
            height: 200px;
			  border-radius: 5px;
        }
		.imghome2 {
            max-width: 100%;
            height: 200px;
			  border-radius: 5px;
        }
		html {
			display: flex;
			width: 100%; 
			display: block;
		  
		}
		header{
			background-color: #4d4d4d;
			color: #ffffff;
			padding: 1rem;
			text-align: center;
			font-size: 2rem;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		nav {
			background-color: #333333;
			padding: 1rem;
			text-align: center;
			}
			img {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		  .content {
          
			
			   padding: 2rem;
            max-width: 1200px;
            margin: auto;
            background-color: #2a2a2a; /* Slightly lighter background for content */
            border-radius: 10px;
        }
		
	.page {
        
		width:100%;		/* Height can be adjusted for larger screens */
	/*	padding: 20px;*/
		}
	
	.imgteam {
				height:125px;
			  border-radius: 5px;
        }
		.imgaward {
				height:200px;
			  border-radius: 5px;
        }
		.imgawardmed {
				height:255px;
			  border-radius: 5px;
        }
	.row {
            display: flex;
			 width: 100%; 
			   height: 80%; 
        }
		.rowcenter {
            display: flex;
			 width: 100%; 
			   height: 80%; 
			    justify-content: center;
        }
		.rowheader {
            display: flex;
			 width: 100%; 
			   height: 80%; 
			      justify-content: center;
        }
		.rowlarge {
            display: flex;
			 width: 100%; 
			   height: 100%; 
        }
	.column {
        flex: 50%; /* Two columns for medium screens */
    }

    .column90 {
        flex: 50%;
		 max-width: 90%; 
		   height: 90%;
		     padding: 20px;
    }
	.column90right {
        flex: 50%;
		 top: 20px;
		 left: 0; 
		  padding: 20px;
    }
    .column10 {
        flex: 10%;
    }
	 .column450 {
            flex: 90%;
            padding: 10px;
            height: 450px; /* Should be removed. Only for demonstration */
        }
        .column90new {
            flex: 90%;
            padding: 3px;
             
        }
        .column90newsmall{
           width:140px;
            padding: 5px;
        }
	
			

.nav-links {
    display: flex;
    justify-content: center;
	 flex-direction: row;
	 background-color: #333333;
			padding: 1rem;
	 
}

.nav-links a {
    color: #ffffff;
    margin: 0 15px;
    text-decoration: none;
    padding: 0.5rem;
    font-size: 1.1rem;
}

.nav-links a:hover {
    background-color: #555555;
    border-radius: 5px;
	
}

/* Hamburger icon styles */
.nav-toggle {
    display: none; /* Hidden by default */
    font-size: 2rem;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
	
}
		
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
   
    border: 0;
}
}

@media (max-width: 767px) {
  body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #1f1f1f; /* Dark background */
            color: #f0f0f0; /* Light text */
			max-width: 100%;
			 font-size: 10px;		   
			width: 100%; 
	 
        }
		 header {
            background-color: #4d4d4d; /* Dark gray */
            color: #ffffff; /* White text */
            padding: .2rem;
            text-align: center;
            font-size: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
		html {
			
	    width: auto; 
		display: block;
		}
		  header img {
            max-height: 80px; /* Control the height of the image */
            margin-bottom: 1px; /* Space between image and title */
        }
		 
		 .Homeheader  {
        flex: 90%;
		 max-width: 20%; 
		   height: 90%;
		     padding: 1px;
			  padding-right: 1px;
			  padding-top:18px;
			    align-items: right;
				display:none;
		}
		 .Homeheadermini {
        flex: 90%;
		 max-width: 20%; 
		   height: 90%;
		     padding: 1px;
			  padding-right: 1px;
			  padding-top:18px;
			    align-items: right;
				display:block;
		}
		.imglogo {
          max-height: 80px; /* Control the height of the image */
            margin-bottom: 1px; /* Space between image and title */
        }
		.imglogotext {
           height: 50px; /* Control the height of the image */
            margin-bottom: 1px; /* Space between image and title */
        }
       .imghome {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
			  
        }
		.imghome3 {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		.imghome4 {
            max-width: 100%;
            height: 100px;
			  border-radius: 5px;
        }
		.imghome2 {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		 .content {
          
			
			   padding: .2rem;
            max-width: 95%;
            margin: auto;
            background-color: #2a2a2a; /* Slightly lighter background for content */
            border-radius: 10px;
        }
	img {
            max-width: 100%;
            height: auto;
			  border-radius: 5px;
        }
		.imgteam {
				max-width: 100%;
			  border-radius: 5px;
        }
		.imgaward {
				height:125px;
			  border-radius: 5px;
        }
		.imgawardmed {
				height:125px;
			  border-radius: 5px;
        }
	.row {
            display: flex;
			 width: 100%; 
			   height: 80%; 
        }
		.rowheader {
            display: flex;
			 width: 100%; 
			   height: 80%; 
			      justify-content: center;
        }
		.rowcenter {
            display: flex;
			 width: 100%; 
			   height: 80%; 
			    justify-content: center;
        }
			.rowlarge {
            display: flex;
			 width: 100%; 
			   height: 100%; 
        }
	.column {
        flex: 50%; /* Two columns for medium screens */
    }
  .column90Homeleft {
        flex: 90%;
		 max-width: 20%; 
		   height: 90%;
		     padding: 1px;
			  padding-right: 1px;
			  padding-top:18px;
    }
	 .column90Homeright {
        flex: 90%;
		 max-width: 80%; 
		   height: 90%;
		     padding-left: 1px;
			  padding-top:30px;
    }
    .column90 {
        flex: 90%;
		 max-width: 90%; 
		   height: 90%;
		     padding: 5px;
    }
	.column90right {
        flex: 40%;
		 top: 20px;
		 left: 0; 
    }
    .column10 {
        flex: 10%;
    }
	 .column450 {
            flex: 90%;
            padding: 10px;
            height: 450px; /* Should be removed. Only for demonstration */
        }
        .column90new {
            flex: 90%;
            padding: 3px;
             
        }
        .column90newsmall{
           width:40px;
            padding: 5px;
        }
	  .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
    }

    .nav-links a {
        margin: 10px 0;
        padding: 1rem;
        text-align: center;
        background-color: #444;
    }

    .nav-toggle {
        display: flex;
        position: absolute;
        top: 5rem;
        right: 2rem;
    }

    .nav-links.active {
        display: flex;
    }
	.page {
        
		width:100%;		/* Height can be adjusted for larger screens */
		}
		
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
     display:none;
    border: 0;
}
}