#divIntro,
        #divHome,
        #divAnnouncements,
        #divActiveEvents,
        #divLatest,
        #divTestimonials,
        #divGallery,
        #divSuccessStories,
        #divOutro {
            position: relative;
            z-index: 1;
            background-color: light-dark(var(--bg-color-light), var(--bg-color-dark));
        }

        #divIntro {
            width: 100%;
            /* height: 100vh; */
            /* min-height: calc(100svh - 70px); */
            /* height: calc(100svh - 100px); */
            min-height: 100svh;
            /* Layers a semi-transparent black (rgba(0, 0, 0, 0.5)) over the image */
            background-color: transparent;
            background-image: linear-gradient(to bottom, rgba(43, 46, 129, 0.18), rgba(43, 46, 129, 0.36));
            background-image: radial-gradient(rgba(43, 46, 129, 0.36), rgba(43, 46, 129, 0.18), rgba(43, 46, 129, 0.08));
            background-position: center;
            background-size: cover;
            /* Ensures the image covers the container */
            color: white;
            /* Makes text more readable */
            display: grid;
            place-items: center;
            text-align: center;
        }

        #divIntro h1 {
            color: #fff;
            font-size: 3rem;
            margin: 0;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: -0.125rem;
        }

        #divIntro p {
            width: 64%;
            margin: 0 auto;
            font-size: 1.25rem;
            
            @media screen and (min-width: 576px) {
                width: 72%;
            }

            @media screen and (min-width: 768px) {
                width: 62%;
            }

            @media screen and (min-width: 992px) {
                width: 56%;
                font-size: 1.5rem;
            }

            @media screen and (min-width: 1200px) {
                width: 46%;
            }

            @media screen and (min-width: 1400px) {
                width: 42%;
            }
        }

        h2 {
            color: light-dark(var(--text-color-light), var(--text-color-dark));
        }