body {
                font-family: 'Open Sans', sans-serif;
                font-size: 18px
            }

            .parallax-banner {
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;

                color: #fff;
                text-align: center;
                overflow: hidden;

                padding-top: 50px;
                padding-bottom: 50px;
                
                h1 {
                    font-size: 3.25rem;
                    font-weight: 400;
                }

                h2 {
                    font-size: 1.5rem;
                    font-style: italic;
                    margin-top: 1.5rem;
                }

                /* Dark overlay for readability */
                &::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    background: rgba(0, 0, 0, 0.45);
                    z-index: 1;
                }

                /* Ensure content sits above overlay */
                > * {
                    position: relative;
                    z-index: 2;
                }
                
              
            }

            #main-library-cta {
                background-image: url("/images/bg/bg4.jpg");
            }
            #main-quote {
                background-image: url("/images/bg/bg6.jpg");
                padding: 5rem;
            }
            #main-donate-cta {
                background-image: url("/images/bg/bg5.jpg");
                padding: 5rem;
            }
            #main-contact {
                background-color: #ffffff;
                padding: 5rem;
            }
            #about-banner {
                background-image: url("/images/bg/banner-about.png");
                padding: 5rem;
            }
            #contact-banner {
                background-image: url("/images/bg/banner-about.png");
                padding: 5rem;
            }
            #faq-banner {
                background-image: url("/images/bg/banner-about.png");
                padding: 5rem;
            }
            /* Mobile fallback (iOS disables fixed backgrounds) */
            @media (max-width: 768px) {
                .parallax-banner  {
                    background-attachment: scroll;
                }
            }

            /* CTA Button */
            #library-button, #donate-button, #contact-button, .request-button {
                margin-top: 1.5rem;
                padding: 0.75rem 1.75rem;
                /*background: #95C1A0;*/ 
                background: #7eab8d;
                border: 1px solid #7eab8d;
                color: #fff;
                text-decoration: none;
                border-radius: 4px;
                font-weight: 600;
                text-transform: uppercase;

                &:hover {
                /*background: #7eab8d;*/
                background-color: #ffffff;
                color: #7eab8d;
                }
            }  

            .brown-text {
                color: rgb(121, 85, 72) ;
            }
            .black-text {
                color: #000000;
            }
            .quote-author {
                font-style: normal;
                margin-top: 1.5rem;
                font-size: 1.4rem;

            }
            .green-bg {
                background-color: #7eab8d;
            }

            footer {
                padding: 1rem 0;
                color: #ffffff;
            }
            .footer-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

.footer-link:hover,
.footer-link:focus {
  color: #ffffff;
  text-decoration: underline;
}