/* ENTIRE BODY */
	body {margin: 0; padding: 0; background-color: #F0F5F8; overflow-x: hidden;  /* Prevent horizontal scrollbar */}
	body h1 {font-size: 2.15vw; }
	body h2 {font-size: 2vw; }
	body h3 {font-size: 1.75vw; }
	body p {font-size: 1.2vw; }
	@media screen and (max-width: 768px) {body {margin: 0% -10%; padding: 0% -10%;}}

	@font-face { font-family: FuturaDisplay; src: url('FuturaDisplay.otf'); } 
    a {font-family: FuturaDisplay; font-weight: bold;}

	.p300vw {font-family: FuturaDisplay; margin: 0px; font-size: 3vw; font-weight: bold;}
	.p250vw {font-family: FuturaDisplay; margin: 0px; font-size: 2.5vw; font-weight: bold;}
	.p200vw {font-family: FuturaDisplay; margin: 0px; font-size: 2vw; font-weight: bold;}
	.p175vw {font-family: FuturaDisplay; margin: 0px; font-size: 1.75vw; font-weight: bold;}
	.p150vw {font-family: FuturaDisplay; margin: 0px; font-size: 1.5vw; font-weight: bold;}
	.p125vw {font-family: FuturaDisplay; margin: 0px; font-size: 1.25vw; font-weight: bold;}
	.p100vw {font-family: FuturaDisplay; margin: 0px; font-size: 1.00vw; font-weight: bold;}
	.p100vw {font-family: FuturaDisplay; margin: 0px; font-size: 0.75vw; font-weight: bold;}

/*#region WEBSITE TITLE*/
	.websiteTitle { background-color: #194867; color: white; font-family: FuturaDisplay; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 20px; text-align: left; flex-wrap: wrap; overflow: hidden;}
		.websiteTitle img { width: 10%; min-width: 50px; max-width: 80px; transition: width 0.3s ease; } 
		.websiteTitle h1 {text-align: left; margin: 0; font-size: 2rem; }
		.websiteTitle h3 {text-align: left; margin-top: 5px; margin-bottom: 0; font-size: 1.2rem; }
	  
		/* MEDIA QUERIES FOR WEBSITE TITLE */
		@media (max-width: 768px) {
			.websiteTitle { padding: 15px; gap: 10px; }
			.websiteTitle img { width: 25%; }
			.websiteTitle h1 { font-size: 1.5rem; }
			.websiteTitle h3 { font-size: 1rem;} }
	
		@media (max-width: 480px) {
			.websiteTitle { padding: 10px; gap: 8px; }
			.websiteTitle img { width: 35%; }
			.websiteTitle h1 { font-size: 1.3rem; }
			.websiteTitle h3 { font-size: 0.9rem; } }
/*#endregion WEBSITE TITLE*/

/*#region NAVIGATION*/
	.topNavigation {overflow: hidden; background-color: white; padding: 0.75vw 0.5vw; text-align: center;}
		.topNavigation a {text-align: left; color: #194867; text-decoration: none; padding: 14px 1vw; font-size: 1.2rem; }
		.topNavigation a:hover {text-decoration: underline;}
		.topNavigation a.Active {text-decoration: underline;}
	
		.dropDown {display: inline-block; font-size: 1.2rem;}
		.dropDown:hover .dropDownContent {display: block;}
		.dropDown:hover .topLink {text-decoration: underline;}
		.dropDown p {font-family: FuturaDisplay; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; font-size: 1.2rem; margin: 0px; background-color: #ddd;}
		.dropDownContent {display: none; position: absolute; background-color: #f1f1f1; margin-top: 0.2%; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2;}
		.dropDownContent a {color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; font-size: 1.2rem; }
		.dropDownContent a:hover {background-color: #ddd;}
		
		/* MEDIA QUERIES FOR NAVIGATION */
		@media screen and (max-width: 768px) {
			.mobile-Br { display: none; }
			.topNavigation a { padding: 0.75em 1vw; font-size: clamp(12px, 2.5vw, 16px); }
			.dropDownContent { min-width: 100%; } }
/*#endregion NAVIGATION*/


.pdfWrapper { position: relative; width: 100%; padding-top: 130%; overflow: hidden; }
.pdfViewer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/*#region HOME PAGE*/

	/*#region PPTX SECTION*/
		.pptxSection {margin: 0% 10%; padding: 1% 0px 1% 0px; }
			.pptxSection table {border-collapse: collapse; border-style: hidden; vertical-align: top }
			.pptxSection td {border: 20px solid #F0F5F8; }

			.responsive-wrapper {
				position: relative;
				width: 100%;
				height: 0;
				padding-bottom: 60%;
				overflow: hidden;
				background: black;
			  }
			  .responsive-wrapper iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: none;
			  }
	/*#endregion PPTX SECTION*/

	/*#region ABOUT SECTION*/
		.aboutSection {background-color: #194867; color: white; padding: 10px; margin: 1.5% 0% 3.5% 0%; }
			.aboutSectionDiv {margin: 1% 10%; vertical-align: top;}
			.aboutSectionLeft { padding: 0px 20px; vertical-align: top;}
			.aboutSectionLeftTitle {font-family: FuturaDisplay; font-size: 4vw; text-align: center; margin: 0; padding: 0; line-height: 1;}
			.aboutSectionRight {padding: 0px 20px; width: 40%; vertical-align: top;}
			.aboutSectionRightTitle {font-family: FuturaDisplay; font-size: 3vw; text-align: center; margin: 0; padding: 0; line-height: 1;}
	/*#endregion ABOUT SECTION*/

	/*#region CATEGORIES SECTION*/
		.categoriesSection {margin: 0% 10%; }
			.categoriesSection table {border-spacing: 3vw;}
			.categoriesSection td {background-color: white; color: black; text-align: left; width: 25%; vertical-align: top; box-shadow: 2px 2px 15px -2px rgb(50, 50, 50); padding: 0px;}
			.categoriesSection td:hover {background-color: #194867; color: white;}
			.categoriesSection img {width: 100%;}
			.categoriesSection h3 {font-family: FuturaDisplay; padding: 0px 10%; margin: 5px 0;}
			.categoriesSection p {font-family: FuturaDisplay; padding: 0px 10%; margin: 12px 0;}
			.categoriesSection td a {text-decoration: none; color: black; }
			.categoriesSection td:hover a {background-color: #194867; color: white;}
	/*#endregion CATEGORIES SECTION*/

	/*#region GENERICPDF*/
		.genericPDF {background-color: #F0F5F8; padding: 1% 0%; width: 100%; display:flex; justify-content: center;}
			.genericPDF table {margin: 0; text-align: center; width: 75%;  table-layout: fixed;}
			.genericPDF td { width: 33.3%; padding: 1%;}
			.genericPDF h1 {font-family: FuturaDisplay; margin: 0px; font-size: 1.75vw;}
			.genericPDF p {font-family: FuturaDisplay; margin: 0px; font-size: 1.5vw;}
	/*#endregion GENERICPDF*/

/*#endregion HOME PAGE*/




/*#region PORTRAITS*/
	.portraits {background-color: #5B819A; padding: 1% 0%; width: 100%; display:flex; justify-content: center;}
		.portraits table {margin: 0; text-align: center; width: 80%; table-layout: fixed;}
		.portraits td { width: 33.3%; padding: 1%;}
		.portraits a {text-decoration: none; color: black;}

		.portraits img {width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
		.portraits img:hover {transform:scale(1.1); }
		.portraits100 {width: 10vw; height: 10vw; border-radius: 50%; overflow: hidden; display: inline-block; border: 0.4vw solid black;  }
		.portraits100W {width: 10vw; height: 10vw; border-radius: 50%; overflow: hidden; display: inline-block; border: 0.4vw solid white;  }		
		.portraits75 {width: 7.5vw; height: 7.5vw; border-radius: 50%; overflow: hidden; display: inline-block; border: 0.3vw solid black;  }
		.portraits75W {width: 7.5vw; height: 7.5vw; border-radius: 50%; overflow: hidden; display: inline-block; border: 0.3vw solid white;  }	
		.portraits125 {width: 12.5vw; height: 12.5vw; border-radius: 50%; overflow: hidden; display: inline-block; border: 0.4vw solid black;  }
/*#endregion PORTRAITS*/

/*#region INPUT FORM SECTION*/
	.inputForm {margin: 0% 10%; border: none; padding: 10px; font-family: FuturaDisplay; text-align: center;}
		.inputForm table {width: 100%;}
		.inputForm td {border: none; padding: 1% 2%; font-size:1.5vw; text-align: left;}
		.inputForm .inputFormTitle350 {color: black; text-align: center; font-size: 3.5vw;}
		.inputForm .inputFormTitle300 {color: black; text-align: center; font-size: 3vw;}
		.inputForm .inputFormInput {width:100%; height:10%; font-size:1.5vw;}

		.inputFormButton {background-color: white; color: black; font-size: 1vw; font-family: FuturaDisplay; border: 0.3vw solid black; padding: 0.8vw 1.3vw; border-radius: 0px; cursor: pointer; display: none;}
		.inputFormButton:hover { background-color: #194867; color: white;}

		.inputFormThanks {margin: 0% 10% 0% 10%; border: none; padding: 0px; font-family: FuturaDisplay; text-align: center; font-size: 2.5vw; font-style: italic;}
		.inputFormThanks div {width: 100%;}
/*#endregion INPUT FORM SECTION*/

/*#region FOOTER*/
	.bottomFooter {background-color: #194867; color: white;}
	.bottomFooter table { margin: 0% 10%;}
	.bottomFooter td {width: 100%; vertical-align: top; padding: 0px 20px 0px 20px;}
	.bottomFooter a {font-family: Times New Roman; color: white; text-decoration: none;}
	.bottomFooter a:hover {text-decoration: underline;}
/*#endregion FOOTER*/