@font-face {
    font-family: 'RecursiveMonoCslSt-Regular';
    src: url('/fonts/woff2_static/RecursiveMonoCslSt-Regular.woff2') format('woff2-variations');
    font-weight: 300 1000;
}

@font-face {
    font-family: 'RecursiveMonoCslSt-Med';
    src: url('/fonts/woff2_static/RecursiveMonoCslSt-Med.woff2') format('woff2-variations');
    font-weight: 300 1000;
}



/* The bare minimum English subset, plus copyright & arrows (← ↑ → ↓) & quotes (“ ” ‘ ’) & bullet (•) */
@font-face {
    font-family: 'RecursiveMonoCslSt-Regular';
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    font-display: swap;
    src: url('/fonts/woff2_variable_subsets/fonts/Recursive_VF_1.085--subset_range_english_basic.woff2') format('woff2');
    unicode-range: U+0020-007F,U+00A9,U+2190-2193,U+2018,U+2019,U+201C,U+201D,U+2022;
}

/* unicode latin-1, punc/symbols & arrows (↔ ↕ ↖ ↗ ↘ ↙) */
@font-face {
    font-family: 'RecursiveMonoCslSt-Regular';
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    font-display: swap;
    src: url('/fonts/woff2_variable_subsets/fonts/Recursive_VF_1.085--subset_range_latin_1_punc.woff2') format('woff2');
    unicode-range: U+00A0-00A8,U+00AA-00BF,U+2194-2199;
}

html {
    overflow-x: hidden;
}

body {
    font-family: "RecursiveMonoCslSt-Regular", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    margin: 0;
    overflow-x: hidden;
    font-variation-settings: "MONO" 1;
}

a {
    color: #000;
}






#uWEBMobileNavigation {
    height: 80vh;
    overflow: auto;
    display: block;
    margin-top: 20vh;
}


#menuToggleLayer {
    display: none;
    background: #D0D0D0;
    color: #000;
    visibility: visible;
    opacity: 1;
    position: fixed;
    z-index: 2147483644;
    top: 0;
    left: 0px;
    width: 100vw;
    height: 100vh;
}

#menuToggleLayerContent {
    opacity: 0;
}


#menuToggleLayer #uWEBMobileNavigation #contentMenuUL li a {
    color: #000;
    display: inline-block;
    width: auto;
    text-decoration: none;
    margin: 0px 10px;
  }

  #barsMobileContainer .fa-times {
    color: #000;
  }

#mobileMainMenu {
    margin: 0 4% 0 4%;
}

    #mobileMainMenu a {
        text-decoration: none;
        z-index: 2147483647;
        width: 100%;
    }


    #mobileMainMenu .depth-1-menuitem {
        font-size: 6vw;
        display: block;
        border: 0px solid #8d9aa0;
        border-width: 1px 0 0 0;
        padding: 20px 0;
    }

    #mobileMainMenu .menu-depth-2-outer-container {
        display: inline-block;
        width: 30vw;
        vertical-align: top;
        margin: 0 0 30px 0;
    }

    #mobileMainMenu .menu-depth-3-outer-container {
        display: inline-block;
        width: 44vw;
        margin: 0 0 30px 0;
    }

    #mobileMainMenu .menu-depth-3-inner-container {
        display: none;
        opacity: 1;
    }


    #mobileMainMenu .menu-depth-3-column {
        display: none;
    }

    #mobileMainMenu .menu-depth-3-outer-container .menu-depth-3-inner-container:nth-child(1) {
        display: inline-block;
    }

    #mobileMainMenu .menu-depth-2-inner-container {
        display: inline-block;
        margin: 0 0 0 0px;
    }

    #mobileMainMenu .menu-depth-3-inner-container {
        margin: 0 0 0 40px;
        width: 100%;
    }




    #mobileMainMenu .menu-depth-2-outer-container {
        display: none;
    }


    #mobileMainMenu .menu-depth-3-outer-container {
        display: none;
    }



#menu-depth-2 {
    padding: 0 0 20px 0;
}

.menu-depth-2-item {
    display: block;
    vertical-align: top;
    border: 0px solid #8d9aa0;
    border-width: 1px 0 0 0;
    line-height: 6.8vw;
}

.menu-depth-3-item {
    width: 100%;
}

#mobileMainMenu .menu-depth-2 {
    margin: 0 0 0 40px;
    display: inline-block;
}

#mobileMainMenu .menu-depth-3 {
    margin: 0 0 0 60px;
    display: inline-block;
}


.menu-depth-3-item {
    border: 0px solid #8d9aa0;
    border-width: 1px 0 0 0;
    line-height: 6.8vw;
}

    .menu-depth-3-item a {
        z-index: 2147483647;
    }


.mobileHeaderMenuContainer {
    margin: 18vh 0 0 0;
}






#mobileMainMenu .menu-depth-2-outer-container {
    width: 92vw;
}

#mobileMainMenu .menu-depth-3-inner-container {
    margin: 0 0 0 40px;
    width: auto;
    display: block;
}

.menu-depth-2-item {
    width: 92vw;
}
    





#mainContentPanel {
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    background-size: cover;
    display: inline-block;
    min-height: 121vh;
}

    #mainContentPanel a {
        color: #fff;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px; /* Adjust this value */
    }

#mainContentPanelInnerContainer {
    position: relative;
    width: 100%;
}





#mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.homepage #mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.aboutUs #mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.projectIndex #mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.projectDetail #mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.applicationProcess #mainContentPanelInnerContainer2 {
    margin: 0px 5%;
}

.applicationFundForm1 #mainHtml {
    width: 50%;
    margin: 0px 0 0 20%;
    color: #fff;
}

.applicationFundForm2 #mainHtml {
    width: 50%;
    margin: 0px 0 0 20%;
    color: #fff;
}

#logoImage {
    position: relative;
    top: 47px;
    left: 5%;
}

#mainNavigation {
    position: absolute;
    top: 40px;
    left: 50%;
}

    #mainNavigation ul {
        padding-left: 0;
    }


#contentMenuUL li:not(#contentMenuUL li:nth-child(1))::before {
    content: "\f111";
    font-family: 'Font Awesome 6 Free';
    color: #fff;
    font-weight: 900;
    font-size: 8px;
    top: -1px;
    position: relative;
}


#contentMenuUL li {
    display: inline-block;
    width: auto;
}




#contentMenuUL li a {
    color:#fff;
    display: inline-block;
    width: auto;
    text-decoration:none;   
    margin: 27px 10px;
}


#uWEBMobileNavigation #contentMenuUL li {
    display: block;
    width: auto;
}



#uWEBMobileNavigation #contentMenuUL li a {
    color:#fff;
    display: inline-block;
    width: auto;
    text-decoration:none;   
    margin: 0px 10px;
}


#uWEBMobileNavigation #contentMenuUL li:not(#contentMenuUL li:nth-child(1))::before {
    content: "";
    font-family: 'Font Awesome 6 Free';
    color: #fff;
    font-weight: 900;
    font-size: 8px;
    top: -1px;
    position: relative;
}


#barsMobileContainer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2147483647;
    color: #fff;
    padding: 20px;
    cursor:pointer;
    display:none;
  }

.row.menuToggleLogoContainer {
  top: 47px;
  left: 5%;
  position: absolute;
}


#mainHtmlHR {
    width: 50%;
    margin: 197px 0 0 50%;
    color: #fff;
    height: 1px;
}


    #mainHtmlHR hr {
        width: 90%;
        margin: 150px 0 0 0%;
        border: none;
        border-top: 1px solid white;
        opacity:0.3;
    }





    #mainHtmlHR img {
        width: 90%;
        margin: 150px 0 0 0%;
    }

.hrImg {
    margin: 2rem 0;
    width: 100%;
    height: 6px;
    display: block;
}

#mainHtml {
    width: 30%;
    margin: 0px 0 0 50%;
    color: #fff;
}

#mainHtml h2 {
    color:#fff;
}


#mainHtml2 {
    margin: 0px 0 0 5%;
    color: #fff;
}

    #mainHtml2 h1 {
        color: #fff;
    }



#mainHtml3 {
    width: 30%;
    margin: 0px 0 0 50%;
    color: #fff;
}

    #mainHtml3 h2 {
        color: #fff;
    }


#mainHtml3HR {
    width: 100%;
    margin: 150px 0 0 50px;
    color: #fff;
    height: 1px;
}


    #mainHtml3HR hr {
        width: calc(100% - 100px);
        margin: 0px 0 0 0%;
        border: none;
        border-top: 1px solid white;
        opacity: 0.3;
    }


#mainContentPanel2 {
    width: 100%;
    min-height: auto;
    top: 0px;
    left: 0px;
    background: #EBF5FE;
    position: relative;
    display: inline-block;
}

#mainContentPanelInnerContainer2 {
    position: relative;
    width: auto;
}



#mainContentPanel3 {
    width: 100%;
    min-height: auto;
    top: 0px;
    left: 0px;
    background: #EBF5FE;
    position: relative;
    display: inline-block;
}

#mainContentPanelInnerContainer3 {
    position: relative;
    width: 100%;
    padding: 50px;
}


#mainHtml4 {
    margin: 150px 0 0 0px;
}

    #mainHtml4 h2 {
        color: #000;
    }


#mainHtml5 {
    margin: 150px 0 0 0px;
}

    #mainHtml5 h2 {
        color: #000;
    }




#mainHtml6 {
    margin: 150px 0 0 0px;
}

    #mainHtml6 h2 {
        color: #000;
    }


#mainHtml7 {
    margin: 150px 0 0 0px;
}

    #mainHtml7 h2 {
        color: #000;
    }




/* Homepage */

.homepage #mainContentPanelInnerContainer2 {
}

.homepage div#mainHtml {  
    width: 30%;
    margin: 0px 0 50px 50%;
    color: #fff;
}

.homepage #mainHtml2 h1 .xl {
    font-size: 8.5rem;
    line-height: 0;
    position: relative;
    top: 12px;
}

.homepage div#mainHtml4 {
    font-size: 24px;
}
.homepage div#mainHtml5 {
    margin: 150px 0 300px 0px;
}

.homepage div#mainHtml5 h2 {
    font-size: 5rem;
}

.homepage div#mainHtml5 h1 {
    z-index: 0;
}



span.whstt1 img {
    vertical-align: baseline;
}

span.whstt2 img {
    vertical-align: top;
}


.homepage div#mainHtml5 h1 span.whstt0 {
    white-space: nowrap;
}


#mainHtml5OuterContainer {
    text-align: center;
}


span.whstt2 {
    background-image: url(/media/cm0lwore/home2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    padding-bottom: 300px;
}


.homepage div#mainHtml5 h1 a {
    white-space: nowrap;
}

    
.homepage #mainHtml6 {
    margin: 150px 0 0 50px;
}



#largeImageAboveFooterHtmlContainer {
    text-decoration-thickness: 2px;
    text-underline-offset: 4px; /* Adjust this value */
}


/* About Us */
.aboutUs #mainContentPanelInnerContainer3 {
    position: relative;
    width: 100%;
    padding: 50px 0;
}

    .aboutUs #mainContentPanelInnerContainer3 img {
        width: 100%;
    }

.trusteeImage img {
    width: 100%;
    max-width: 180px;
}


.aboutUs #mainHtmlHR {
    display: none
}


.aboutUs #mainHtml {
    color: #fff;
    padding: 277px 100px 200px 5%;
    margin: 0px 0 0 0%;
    width: 50%;
}


.aboutUs #mainHtml2 {
    padding: 30px 100px 85px 5%;
    margin: 27px 0 0 50%;
    width: 50%;
    color: #000;
}

.aboutUs #mainHtml3 {
    color: #000;
    padding: 30px 100px 30px 0;
    margin: 0px 0 0 0%;
    width: 50%;
}

.aboutUs #mainHtml3 h2{
    color: #000;
}

.aboutUs #mainHtml4 {
    color: #000;
}


#trustees {
    float: right;
    margin: 80px 20px 80px 0;
}

#trusteesImageGalleryHeading {
    float: left;
    margin: 80px 0 0 5%;
}

.trusteeImage {
    display: inline-block;
    cursor:pointer;
}


h1 .material-symbols-outlined {
    font-size: 15rem;
    line-height: 15rem;
}



/* Project Index */


.projectIndex hr {
    margin: 2rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}


.projectIndex #mainHtml {
    color: #000;
    padding: 30px 100px 30px 5%;
    margin: 200px 0 0 0;
    width: 70%;
    color: #fff;
}


.projectIndex #mainHtml2 {
    color: #000;
    padding: 30px 100px 30px 5%;
}


.projectIndex #mainHtml2 {
    color: #000;
}

.projectIndex #mainHtml3 {
    color: #000;
}

.projectIndex #mainHtml4 {
    color: #000;
}

.project h1 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.project h2 {
    font-size: 80px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#projects h2 {
    font-size: 80px;
}

#projects h2 a {
    color: #000;
    text-decoration: none;
    line-height: 4.1rem;
}


.projectDate {
    display: inline-block;
    width:15%;
}

.projectTags {
    display: inline-block;
    width: 30%;
}

.projectTag {
    display: inline-block;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    padding: 3px 10px;
}

.projectTag a{
    color:#000; 
    text-decoration:none;
}


#mainContentPanel .projectTag a{
    color:#000; 
    text-decoration:none;
}

.projectFund {
    display: inline-block;
}

.projectReadButtonDot {
    float: right;
    margin: 12px 10px;
    width: 17px;
    height: 17px;
    background-color: #016DB0;
    border-radius: 50%;
    display: inline-block;
}

.projectReadButton {
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 2px 30px;
    cursor: pointer;
    float: right;
}

.projectReadButtonTextAsterix {
    display: inline-block;
    vertical-align: text-top;
}





/* Project Detail */


.projectDetail #topImageGallery {
   width: auto;
    margin: 100px 20px 100px 20px;
  }



.projectDetail #topImageGallery {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    gap: 20px; /* Space between images */
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
    overflow-x: auto; /* Optional: allows horizontal scroll if images can't shrink enough */
}

    .projectDetail #topImageGallery img {
        flex: 1 1 0;
        min-width: 0; /* Allows images to shrink below their intrinsic width */
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }

.projectDetail #bottomImageGallery {
    width: auto;
    margin: 100px 20px 100px 20px;
}

.projectDetail #bottomImageGallery {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    gap: 20px; /* Space between images */
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow-x: auto; /* Optional: allows horizontal scroll if images can't shrink enough */
}

    .projectDetail #bottomImageGallery img {
        flex: 1 1 0;
        min-width: 0; /* Allows images to shrink below their intrinsic width */
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }

.projectDetail #mainContentPanel {
    background: #EBF5FE;
}

.projectDetail #mainHtml {
    width: auto;
    margin: 50px 50px 50px 50%;
    color: #000;
}



.projectDetail #mainHtml2 h1 {
    color: #000;
    margin: 0px;
}


.projectDetail #mainHtml2 {
    color: #000;
    width: auto;
    margin: 0px 5%;
}

.projectDetail #mainHtml3 {
    color: #000;
    width: auto;  
    margin: 50px 5% 0 50%;
}

    .projectDetail #mainHtml3 h2 {
        color: #000 !important;
    }

.projectDetail #mainContentPanel a {
    color: #000;
}

.projectDetail #mainHtml4 {
    color: #000;
    width: auto;
    margin: 0px 5% 0 50%;
}

.projectDetail #contentMenuUL li a {
    color:#000;
}

.projectDetail #contentMenuUL li:not(#contentMenuUL li:nth-child(1))::before {
    color:#000;
}




/* Pages By Tag */


.pagesByTag #mainHtml {
    color: #000;
    padding: 30px 100px 30px 5%;
    margin: 200px 0 0 0;
    width: 70%;
    color: #fff;
}

.pagesByTag #mainHtml2 {
    color: #000;
    padding: 30px 100px 30px 5%;
}


.pagesByTag #mainHtml2 {
    color: #000;
}

.pagesByTag #mainHtml3 {
    color: #000;
}

.pagesByTag #mainHtml4 {
    color: #000;
}





/* Application Process */


.applicationProcess #mainContentPanelInnerContainer2 {
    margin: 100px 5%;
  }



.applicationProcess #mainHtml {
    width: 30%;
    margin: 197px 10% 0 5%;
}

.applicationProcess #mainTitle2 {
    color: #000;
    width: 30%;
    margin: 0px 0 0 5%;
}


.applicationProcess #mainHtml2 {
    color: #000;
    margin: 0px;
    width: auto;
}


    .applicationProcess #mainHtml2 h1.grey {
        font-weight:100;
    }

    .applicationProcess #mainHtml2 h1 {
        color: #000;
    }


.applicationProcess .hrImg {
    margin: 4rem 0;
}


.applicationProcess #mainTitle3 {
    color: #000;
    width: 30%;
    margin: 0px 0 0 5%;
}


.applicationProcess #mainHtml3 {
    color: #000;
    margin: 0px;
    width: auto;
}

    .applicationProcess #mainHtml3 .grey {
        float: right;
    }

    .applicationProcess #mainHtml3 h1 {
        color: #000;
    }


.applicationProcess #mainHtml4 {
    color: #000;
    margin: 20px;
    width: auto;
}

    .applicationProcess #mainHtml4 h1 {
        color: #000;
    }








#mainHtml2Number {
    margin:0;
}


#mainHtml3Number {
    padding: 0;
    float:right;
}


.arimo-lct {
    font-family: "Arimo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



form input {
    margin: 5px;
}

form label {
    margin: 0;
  }

#recaptchav3info {
    font-size: 1rem;
    margin: 20px 0;
}
      

#footer {
    background: #B0BEC8;
    padding:50px;
}


#footer p {
    margin-bottom:0;
}

#largeImageAboveFooter {
    margin: 57px;
    padding: 157px 237px 157px 237px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 90%;
}

#largeImageAboveFooterOuterContainer {
    display: table;
    height: 100%;
}

div#largeImageAboveFooterInnerContainer {
    display: table-cell;
    vertical-align: middle;
}

#largeImageAboveFooterHtmlContainer {
    background: #fff;
    padding: 50px;
    font-size: 25px;
    line-height: 1.5;
}

#largeImageAboveFooterHtmlContainer {
  background: #fff;
  padding: 50px;
}

#largeImageAboveFooterHtmlContainer a {
    color: #000;
  }
  

#footerImages {
    margin:0 0 50px 0;
}


      
      
h1.grey {
    color:#A1A6AC !important;
    font-weight:100;
}

      
      
      
/**umb_name:H1*/
H1 {
	font-size: 5.5rem;
line-height: 5.5rem;
}

/**umb_name:H2*/
h2 {
    font-size: 5.0rem;
    line-height: 5.0rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #000000;
}

/**umb_name:H3*/
h3 {
	font-size: 4.5rem;
    line-height: 4.5rem;
}

/**umb_name:XL*/
.xl {
	font-size: 8.5rem;
line-height: 10.5rem;
}

/**umb_name:XL100*/
.xl100 {
    font-size: 8.5rem;
    line-height: 10.5rem;
    font-weight: 100;
}

/**umb_name:Large Text*/
.largeText {
	font-size: 2.4rem;
    line-height: 2.9rem;
}




@media (max-width: 1399.98px) { 

    .trusteeImage {
        display: inline-block;
        cursor: pointer;
        width: 49%;
      }

      .trusteeImage img {
        width: 100%;
        max-width: 100%;
      }
    
}

@media (max-width: 1199.98px) { 




    #barsMobileContainer {
        display:block;
    }

    #uWEBMobileNavigation {
        height: 80vh;
        overflow: auto;
        display: block;
        margin-top: 25vh;
      }

      #uWEBMobileNavigation ul {
        padding-left:5%;
       }



    #mainNavigation {
        display:none;
    }


    #mainHtml {
        width: 90%;
        margin: 0px 5% 0 5%;
        color: #fff;
      }


    #mainHtml3 {
        width: 40%;
        margin: 0px 0 0 50%;
        color: #fff;
    }

    #mainContentPanelInnerContainer3 {
        position: relative;
        width: 100%;
        padding: 20px;
    }

    .largeText {
        font-size: 2rem;
        line-height: 2.4rem;
      }

    .homepage div#mainHtml {
        width: 95%;
        margin: 0px 0 50px 5%;
        color: #fff;
      }


      .homepage #mainHtml6 {
        margin: 150px 0 0 5%;
      }



      .homepage #mainHtml5 h1 {
        font-size: 2rem;
        line-height: 2.4rem;
      }

        
    #largeImageAboveFooter {
        margin: 0px;
        padding: 157px 0px 157px 0px;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 90%;
    }

    #largeImageAboveFooterOuterContainer {
        display: table;
        height: 100%;
    }

    div#largeImageAboveFooterInnerContainer {
        display: table-cell;
        vertical-align: middle;
    }

    #largeImageAboveFooterHtmlContainer {
        background: #fff;
        padding: 50px;
        font-size: 15px;
        line-height: 1.5;
    }

    #largeImageAboveFooterHtmlContainer {
        background: #fff;
        padding: 10px;
    }

    #largeImageAboveFooterHtmlContainer a {
        color: #000;
    }
    

    .homepage div#mainHtml5 {
        margin: 50px 0 100px 0px;
    }

    span.whstt1 img {
        vertical-align: baseline;
        width: 50%;
    }


    H1 {
        font-size: 2.1rem;
        line-height: 2.1rem;
    }
        

    .aboutUs #mainHtml {
        color: #fff;
        padding: 177px 5% 200px 5%;
        margin: 0px 0 0 0%;
        width: 100%;
    }

    .aboutUs #mainHtml2 {
        color: #000;
        padding: 50px 0px 50px 0px;
        margin: 27px 0 0 0%;
        width: 100%;
        color: #000;
      }

    .homepage #mainHtml2 h1 .xl {
        font-size: 4.5rem;
        line-height: 0;
        position: relative;
        top: 12px;
      }

    .aboutUs #mainHtml3 {
        color: #000;
        padding: 30px 10px 30px 0;
        margin: 0px 0 0 0%;
        width: 100%;
      }



      .projectIndex #mainHtml {
        color: #000;
        padding: 30px 5% 30px 5%;
        margin: 200px 0 0 0;
        width: 100%;
        color: #fff;
      }

      .projectIndex #mainHtml2 {
        color: #000;
        padding: 30px 10px 30px 10px;
      }


      .projectDetail #barsMobileContainer {
        color: #000;
    }


      #projects h2 {
        font-size: 30px;
        line-height: 30px;
      }

      #projects h2 a {
        color: #000;
        text-decoration: none;
        line-height: 30px;
      }


      .projectTags {
        display: inline-block;
        width: 100%;
        margin: 20px 0;
      }



      .projectDetail #topImageGallery {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        align-items: center;
        width: calc(100% - 40px);
        overflow-x: auto;
      }

      .projectDetail #mainHtml {
        width: auto;
        margin: 50px 5% 50px 5%;
        color: #000;
      }



        .projectDetail #mainHtml3 {
            color: #000;  
            width: auto;  
            margin: 50px 5% 0 5%;
        }


        .projectDetail #mainHtml4 {
            color: #000;
            width: auto;
            margin:20px 5% 0 5%;
        }


        .applicationProcess #mainHtml {
            width: 90%;
            margin: 197px 10% 0 5%;
          }


          
    .applicationFundForm1 #mainHtml {
        width: 90%;
        margin: 0px 0 0 5%;
        color: #fff;
      }
      
      .applicationFundForm2 #mainHtml {
        width: 90%;
        margin: 0px 0 0 5%;
        color: #fff;
      }
      .applicationProcess #mainHtml4 {
        color: #000;
        margin: 0;
        width: auto;
      }





      h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
      }

      
      h2 {
        font-size: 2rem;
        line-height: 2rem;
      }

      h3 {
        font-size: 1.8rem;
        line-height: 1.8rem;
      }

      .xl100 {
        font-size: 5.5rem;
        line-height: 6.5rem;
        font-weight: 100;
      }

 
      #trustees {
        float: right;
        margin: 80px 5% 80px 5%;
      }

  

    #mainHtmlHR {
        width: 100%;
        margin: 97px 0 20px 5%;
        color: #fff;
        height: 1px;
    }

    #footer {
        background: #B0BEC8;
        padding: 20px;
    }
        

}

@media (max-width: 991.98px) { 
        


}

@media (max-width: 767.98px) { 
    .trusteeImage {
        display: inline-block;
        cursor: pointer;
        width: 100%;
      }

      .trusteeImage img {
        width: 100%;
        max-width: 100%;
      }

        
    form input {
        margin:0px;
        width: 100%;
    }

    form label {
        margin: 10px 0 0 0;
      }
}

@media (max-width: 575.98px) {     
}