@media screen and (min-width:992px) {
     .pull-right.img-thumbnail {
         margin-left: 15px;
         margin-bottom: 15px;
    }
     .pull-left.img-thumbnail {
         margin-right: 15px;
         margin-bottom: 15px;
    }
     .row .col-md-6:first-child {
         padding-right: 20px;
    }
     .row .col-md-6:last-child {
         padding-left: 20px;
    }
    /* .container.regular .row .col-md-6:first-child {
         */
        /* padding-right: 40px;
         */
        /* 
    }
     */
}
 @media screen and (max-width:991px) {
     .fw-section.fw-section-bgImage {
         overflow: hidden;
    }
     p.large-text, ul.large-text li {
         font-size: 20px;
         line-height: 34px;
    }
     footer .img-responsive {
         max-width: 285px;
    }
}
 @media screen and (max-width: 768px) {
}
 @media screen and (max-width: 600px) {
     .fw-section.fw-section-bgImage:has(#full-img-banner) {
         padding: 60px 0 10px 0 !important;
    }
     .fw-section.fw-section-bgImage #full-img-banner {
         overflow: visible;
    }
}
 @media screen and (max-width:560px) {
     .article-profile-image {
         max-width: 150px;
    }
     footer .img-responsive {
         max-width: 115px;
    }
     .fw-section {
         padding-bottom: 40px !important;
    }
     .fw-section:has(#full-img-banner) {
         padding-bottom: 0px !important;
    }
     .fw-section-bgImage {
         background-attachment: inherit !important;
    }
     .btn.btn-primary:has(+ .btn.btn-primary) {
         margin 10px 0;
    }
}

/************************************************** * GREEND FUNDS * *************************************************/
 #header-img .header-font {
     font-size: 90px;
     color: #ffffff;
     text-align: left;
     line-height: 0.9;
     font-family: "BebasNeue", "Open Sans" 
}
 #sponsored-project .programs-grid {
     grid-template-columns: 1fr 1fr 1fr;
}



/********************************************* * CENTER CONTENT VIA FLEX * ************************************************/
 @media (min-width:1250px) {
     .flex-wrap-content {
         display: inline-flex;
    }
     .flex-wrap-content .center-flex {
         display: flex;
         align-items: center;
    }
}

/************************************* * HERO WITH CUSTOME BLUE GRADIENT * *****************************************/
 #hero-banner, #hero-banner-video, #hero-image-banner, #hero-banner-home, #full-img-banner {
     position: relative;
}
 .fw-section:has(#full-img-banner) {
     padding: 0px;
}
 .fw-section:has(#hero-banner) {
     padding: 40px 0 60px;
}
 #hero-banner::before, #hero-banner-video::before, #hero-image-banner::before, #full-img-banner::before {
     content: '';
     position: absolute;
     inset: 0;
     z-index: 2;
     background: linear-gradient(rgba(4, 30, 66, 0.9), rgba(4, 30, 66, 0.9));
     height: calc(100% + 100px);
     top: -40px;
}
 #hero-image-banner, #hero-banner-home {
     height: 350px;
     display: flex;
     align-items: center;
}
 #hero-image-banner::before {
     background: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.25));
     height: calc(100% + 100px);
     top: -40px;
     bottom: -60px;
}
 #hero-banner .container .container-fluid, #hero-image-banner .container .container-fluid {
     display: flex;
     justify-content: left;
     align-items: center;
}
 #hero-image-banner .container .container-fluid {
     justify-content: center;
}
 #hero-banner .container h1, #hero-image-banner .container h1, #full-img-banner .container h1 {
     color: #fff;
     font-size: 6.5em;
     z-index: 10;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
 #hero-banner-home {
     overflow: hidden;
     padding-top: 0 !important;
     margin-top: -40px !important;
}
 #hero-banner-home .row .container-fluid, #full-img-banner .row .container-fluid {
     height: 450px;
}
 #hero-banner-home picture {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 1;
     isolation: isolate;
     display: block;
     left: 0;
     top: 0;
}
 #hero-banner-home picture img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 #hero-banner-home, #hero-banner-home .container {
     height: 100%;
}
 @media screen and (max-width:991px) {
     #hero-banner::before, #hero-image-banner::before {
         top: -40px;
    }
}
 @media (min-width:601px) {
     #hero-banner .container .container-fluid, #hero-image-banner .container .container-fluid {
         height: 175px;
    }
}
 @media screen and (max-width: 600px) {
     #hero-banner .container h1.card-text, #hero-image-banner .container h1, #full-img-banner .container h1.card-text {
         font-size: 45px;
    }
     #hero-image-banner {
         height: 150px;
    }
}