#infograph-intro_component .stepList-item {
    padding: .75rem 0;
    border-top: none;
}
#infograph-intro_component .stepList-item:last-child {
    border-bottom: none;
}
#infograph-intro_component.stepList--check .stepList-item::before {
    background-color: var(--gfColors-slate100);
}

@media (min-width: 992px){
#infograph-intro_component ul {
    margin-left: 3rem;
}
}
.pullQuote .lead {
    margin-left: 5rem;
}
.pullQuote {
    position: relative;
    margin-bottom: 2rem;
    background-color: var(--gfColors-slate15);
    padding: 1rem 1rem 0.1rem 0rem;;
}
.pullQuote::before {
    content: "“";
    font-family: var(--gfVars-headerFont);
    font-size: 9rem;
    display: block;
    margin-left: 1.25rem;
    margin-top: 0;
    margin-bottom: -8rem;
    line-height: 1em;
    color: var(--gfColors-seminaryOrange);
}
@media(max-width:767.98px) {
    .pullQuote::before {
       margin-bottom: -6rem;
       margin-left: 1rem;
    }
    .pullQuote .lead {
    margin-left: 1.5rem;
}
}

.year-heading {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 2fr 1fr;
    gap: 0px 1rem;
    grid-template-areas:
    "accent-line accent-line heading heading heading heading";
}  
.year-heading .accent-line {
    grid-area: accent-line;
    background-color: var(--gfColors-seminaryOrange);
    height: 2px;
    width: 100%;
    margin-top: 1.5rem;
}
.year-heading .heading {
    grid-area: heading;
    text-transform:uppercase;
}
.year-heading .heading h2 {
    margin-top: 0;
    letter-spacing: .1rem;
    line-height: 1.3;
}
.year-heading .heading h2 span {
    color:var(--gfColors-slate100);
}

.year-infographic {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 1rem;
    grid-auto-flow: row;
    grid-template-areas:
        "content circle-one circle-two circle-three ";
}
#yearTwo .year-infographic {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto;
    gap: 0px 1rem;
    grid-auto-flow: row;
    grid-template-areas:
        "circle-one circle-two circle-three content";
}
.year-infographic .content {
    grid-area: content;
}
.year-infographic .circle-one {
    grid-area: circle-one;
}
.year-infographic .circle-two {
    grid-area: circle-two;
}
.year-infographic .circle-three {
    grid-area: circle-three;
}
@media(max-width:575.98px) {
    .year-heading {
        font-size: 1.8rem;
        line-height: 1.3;
    }
    .year-heading .accent-line {
        margin-top:1rem;
    }
}
@media(min-width:768px) and (max-width:991.98px) {
    .year-infographic .content ul {
        padding-left:0;
    }
} 

@media(max-width:767.98px) {
    .year-infographic, #yearTwo .year-infographic {
        display: grid;
        grid-auto-columns: 1fr;
        grid-template-columns: auto;
        gap: 0px .5em;
        grid-template-areas:
            "circle-one"
            "content";
    }
    .year-heading {
        grid-template-columns: auto auto;
    }
    .year-infographic .circle-two {
        display: none; 
    }
    .year-infographic .circle-three{
        display: none; 
    }
   
}
.slate-board {
    background-color:var(--gfColors-slate15);
    position:relative;
    padding:3rem 2rem 2rem;
}
.slate-board::before {
    content:"";
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    background-color:var(--gfColors-slate100);
    width:60px;
    height:20px;
    z-index:10;
}
.slate-board .u-grid2Columns {
    gap:3rem;
}
.slate-board .u-grid2Columns div:first-child {
    justify-self:center;
}
.slate-board h3 {
    margin-top:0;
}

@media (min-width:992px) {
    .slate-board p.u-gfColors-red {
        margin-top:-2rem;
    }
    .slate-board::before {
        width:25px;
        height:75px;
    }
    .slate-board .doodle1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    }
    .slate-board .doodle2 {
    display: grid;
    grid-template-columns: 1fr auto;
    }
    .doodle2 img {
    grid-column: 2;
    grid-row: 1;
    }
}
@media (max-width:991.98px) {
    .slate-board {
        padding-bottom:2rem;
    }
    .slate-board img {
        width:60%;
    }
    .slate-board div:nth-child(2) img {
        width:35%;
    }
}
@media(min-width:768px) and (max-width:991.98px) {
    
}
@media (max-width:767.98px) {
    .slate-board .u-grid2Columns div:first-child {
        justify-self: start;
    }
    .doodle1 p {
        margin-top:3rem;
    }
    .doodle2 p {
        margin-top:3rem;
    }
    .doodle1 img {
        margin-top: -2rem;
    }
    .doodle2 img {
        margin-top:-4rem;
        width:33%;
    }
}
@media (max-width:575.98px) {
    .slate-board {
        padding:3rem 1rem 2rem;
    }
    .slate-board div:nth-child(2) img {
        width: 30%;
    }
     .doodle1 p {
        margin-top:2rem;
    }
     .doodle1 img {
        margin-top: -1rem;
    }
    .doodle2 p {
        margin-top:2rem;
    }
     .doodle2 img {
        margin-top:-1rem;
    }
}

#curriculum .stepList-item {
	 padding: .75rem 0;
	 border-top: none;
}
 #curriculum .stepList-item:last-child {
	 border-bottom: none;
}
 #curriculum .stepList-item-content {
	 padding-left: 2rem;
}
 #curriculum.stepList--check .stepList-item::before {
	 background-color: var(--gfColors-slate100);
	 width: 27px;
	 height: 27px;
}
  @media(min-width:767.98px) {
 #year-one-text_component, #year-two-text_component {
     margin-bottom:7rem;
     margin-top:-1rem;
 }
  }
 @media(max-width:992px) {
  #year-two-text_component, #year-three-text_component {
      margin-top:-3rem;
  }
  }
    @media(max-width:767.98px) {
       #year-one-text_component, #year-two-text_component {
        margin-bottom:5rem;
  }
  }