h1.sectionBanner-titleHolder-title {
    font-family: var(--gfVars-thirstyFont);
    font-size: 3em;
    letter-spacing: 0 !important;
}

@media(min-width:992px) {
h1.sectionBanner-titleHolder-title {
    font-size: 5em !important;
}
.sectionBanner-titleHolder-intro p span {
    font-family: var(--gfVars-thirstyFont);
    text-transform: capitalize;
    letter-spacing: normal;
    font-size:1.4em;
}
}
.sectionBanner-titleHolder-intro p {
    font-weight: bold;
    font-size: 1.4rem;
}
.fullWidth-quote {
    position:relative;
    display:grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding: 5rem 0;
    background-size:cover;
    background-position:center;
    text-align:center;
    margin-bottom:0;
}
.fullWidth-quote {
    background-image:url(/journalonline/summer22/feature/_assets-here-is-water/images/water.jpg);
}
.fullWidth-quote p {
    color: var(--gfColors-slate30);
    display: block;
    margin: 0 auto;
    font-weight: bold;
    letter-spacing: .01em;
    padding: 0 1rem;
    font-size: 2em;
}
.fullWidth-quote p span {
    color: var(--gfColors-gold);
    white-space: nowrap;
}
@media(max-width:767.98px) {
    .fullWidth-quote p {
        font-size:1.5em;
    }
    .fullWidth-quote {
        padding: 3rem 1rem;
    }
    .fullWidth-quote p span {
        display:block;
    }
}

.circle-water {
    display:grid;
    position:relative;
}
.circle-water::after {
    background-image: url(/journalonline/summer22/feature/_assets-here-is-water/images/water.jpg);
    content: "";
    width: 100%;
    height: 16rem;
    background-size: cover;
    z-index: -1;
}
.circle-photos img {
    border: 6px solid var(--gfColors-slate30);
}
.circle-photos {
    gap: 1rem;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 4rem auto;
}
@media(min-width: 992px) {
    .circle-photos  {
    gap: 2rem;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 4rem auto;
}
}
@media(min-width: 768px) {
    .circle-water::after {
    height: 16rem;

}
}
@media(min-width: 340px) and (max-width: 992px) {
    .circle-photos img {
        max-width: 290px;
    }
}
@media(min-width: 992px) and (max-width:1200px) {
    .circle-water::after {
    height: 10rem;
    }
}

#circle-photos_component {
    background-color: var(--gfColors-slate30);
    z-index: 1;
    padding-top: 1rem;
}
#faithfullness-matters_component {
     background-color: var(--gfColors-slate30);
     margin-bottom:0;
}