.date {
    font-size: 3.5rem;
    font-family: var(--gfVars-headerFont);
    color: var(--gfColors-navy);
    margin-bottom: 0;
}
#intro .u-containerLeftMargin
{
    display:grid;
    grid-template-columns: 1fr;
    gap:0.5rem;
    align-items:end;
}

.intro-image
{
  text-align: center;
  position:relative;
}

.intro-image img
{
    width:350px;
    min-width:350px;
    height:350px;
    border-radius:50%;
}
@media (max-width:767.98px) {
    #intro .u-containerLeftMargin
    {
        margin-right:10px;
    }
}
@media (min-width:992px) {
    #intro .u-containerLeftMargin {
        grid-template-columns: 60ch 1fr;
    }
    .intro-text {
        padding-left:4rem;
    }
    .intro-image {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 350px 350px;
        background-position-y: 100%;
        background-position-x: calc(100% + 200px);
    }
}
@media (min-width:1200px) {
    #intro .u-containerLeftMargin
    {
        grid-template-columns: 70ch 1fr;
    }
    
    .intro-image
    {
        padding-right:150px;
    }
    
}
.intro-text {
    position:relative;
}
.intro-text::before {
    content:"";
    display:block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width:120px;
    height:120px;
    position:absolute;
    top:1rem;
    left:1rem;
    z-index:-10;
}
.intro-text span {
    font-size:3rem;
    font-family: var(--gfVars-thirstyFont);
    color: var(--gfColors-slate100);
    margin-left: .5rem;
}

#goal {
    background-color: var(--gfColors-slate15);
    display: grid;
    padding: 0;
    grid-template: auto / 3fr 4fr;
    margin-bottom:0;
}

#goal .goal-image {
    background-image: url(/liberation-scholars/_assets-index/images/scenic-campus.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    grid-area: 1 / 1 / 2 / 2;
    background-position-x: 30%;
}

#goal .goal-text {
    padding: 4rem;
    max-width: 900px;
    grid-area: 1 / 2 / 2 / 3;
}
#goal .goal-text h2 {
    margin-top:0;
}

@media (max-width: 767.98px) {
    #goal {
        grid-template: 2fr 3fr / 1fr;
    }
    #goal .goal-image {
        grid-area: 1 / 1 / 2 / 2;
        background-position-y: clamp(-20em, -60px, 10px);
        background-position-x: center;
    }
    #goal .goal-text {
        padding: 2rem;
        max-width: 100%;
        grid-area: 2 / 1 / 3 / 2;
    }
}
#quote-rebecca .quoteBlock-content p, #quote-student .quoteBlock-content p {
    	font-size:1.1rem;
    }
#quote-rebecca .quoteBlock-bio-name, #quote-student .quoteBlock-bio-name {
	font-size:1rem;
}
#quote-rebecca .quoteBlock-bio-title, #quote-student .quoteBlock-bio-title {
	text-transform:none;
	font-style:italic;
	line-height: 1.2;
	padding-bottom: 2rem;
}
.quoteBlock--outlineGold .quoteBlock-bio-name, .quoteBlock--outlineGold .quoteBlock-bio-title {
    margin-bottom: 0;
}
#benefits {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
#about .card h4 {
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: .2rem;
    margin: 2rem 0 1rem;
    color: var(--gfColors-navy);
    font-weight: 500;
}
#about .more-info {
    margin-top:4rem;
}
#about .more-info .card {
    text-align:center;
}










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