/* Set Calibri as the main font for the page */
body {
    font-family: 'Calibri', sans-serif;
}	




		h1 
		{
			font-family: "Calibri";
		 	color: #626262; 
			display: inline-block;
			font-size: 2.5em;
			line-height: 0em;
			margin-bottom: 0em;
		}


		line
		{
			font-family: "Calibri";
		 	color: #6E6E6E; 
			display: inline-block;
			font-size: 2.5em;
			line-height: 0em;
			margin-bottom: 0em;
		}

		line2
		{
			font-family: "Calibri";
		 	color: #B2B2B2; 
			display: inline-block;
			font-size: 2.5em;
			line-height: 0em;
			margin-bottom: 0em;
		}


		h2 
		{
			font-family: "Calibri";
		 	color: #B2B2B2; 
			display: inline-block;
			font-size: 2.5em;
			line-height: 0em;
			margin-bottom: 0em;
		}

		
		m1 
		{
			font-family: "Calibri";
		 	color: #6F6F6F; 
			display: inline-block;
			font-size: 1.15em;
			line-height: 0em;
			margin-bottom: 0em;
		}

		m2 
		{
			font-family: "Calibri";
		 	color: #6F6F6F; 
			display: inline-block;
			font-size: 1.15em;
			line-height: 1.5em;
			margin-bottom: 10em;
			vertical-align: Top;
		}


		m3 
		{
			font-family: "Calibri";
		 	color: #6F6F6F; 
			display: inline-block;
			font-size: 1.5em;
			line-height: 0em;
			margin-bottom: 0em;
		}

		cp 
		{
			font-family:  "Calibri";
		 	color: #2E2E2E; 
			display: inline-block;
			font-size: 0.8em;
			line-height: 1em;
			margin-bottom: 0.5em;
		}


		description 
		{
			font-family: "Calibri";
		 	color: #626262; 
			display: inline-block;
			font-size: .9em;
			line-height: 0em;
			margin-bottom: 0em;
		}

		mail 
		{
			font-family: "Calibri";
		 	color: #6F6F6F; 
			display: inline-block;
			font-size: 1.5em;
			line-height: 1.5em;
			margin-bottom: 10em;
			vertical-align: Top;
		}




		page_header_01
		{
			font-family:  "Calibri";
		 	color: #626262; 
			display: inline-block;
			font-size: 1.5em;
			line-height: 1em;
			margin-bottom: 0.5em;
			font-weight: bold;
		}


		awards
		{
			font-family:  "Calibri";
		 	color: #FFFFFF; 
			display: inline-block;
			font-size: 1.5em;
			line-height: 1em;
			margin-bottom: 1em;
			font-weight: bold;
		}






/* Add styling for the video modal */
        #videoModal {
            display: none;
            position: fixed;
            z-index: 800;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: rgba(0, 0, 0, 0.8);
        }

        #videoContainer {
            position: relative;
            width: 80%;
            max-width: 800px;
            height: 60%;
            margin: 10% auto;
            background: #fff;
        }

        #videoContainer iframe {
            width: 800px;
            height: 450px;
        }

        #closeBtn {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 24px;
            color: #fff;
            cursor: pointer;
        }




/* PHOTO POPUP */
    .gallery {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 20px;
    }

    .gallery img {
      width: 800px;
      height: 450px;
      cursor: pointer;
    }

    #imageModal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 800;
      height: 450%;
      background-color: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: center;
      z-index: 1;
    }

    #imageContainer {
      max-width: 90%;
      max-height: 90%;
      position: relative;
    }

    #closeBtn {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      color: #fff;
      font-size: 20px;
    }














/* Apply styles only to the article */
.article {
    font-family: Calibri; /* Clean, sans-serif font */
    font-size: 1rem; /* Base font size (16px on most devices) */
    line-height: 1.6; /* Improve line spacing */
    color: #333; /* Dark color for text */
    padding: 10px 20px; /* Adjusted padding: 50% less space above and below */
    margin: 10px 0; /* Adjusted margin: 50% less space above and below */
}

/* Headings inside the article */
.article h3 {
    font-size: 1.75rem; /* 28px */
    margin: 0 0 10px 0; /* Space below the heading */
}

/* Paragraphs inside the article */
.article p {
    margin-bottom: 20px;
    font-size: 1rem; /* 16px */
}

/* Adjust font size for mobile devices */
@media screen and (max-width: 600px) {
    .article {
        font-size: 1.1rem; /* Slightly larger font for better readability on small screens */
    }

    .article h3 {
        font-size: 1.5rem; /* 24px */
    }

    .article p {
        font-size: 1.1rem; /* 18px */
    }
}

/* Larger screens (tablets, desktops) */
@media screen and (min-width: 601px) {
    .article {
        font-size: 1rem; /* Default font size */
    }
}