/* Intro */
 #introSection {
	 padding: 3rem 2rem 0rem;
	 text-align:center;
	 margin-top: -3rem;
}
 #introSection .lead {
	 margin:0;
}
 #introSection p span {
	 letter-spacing: .25rem;
    text-transform: uppercase;
}
 @media(min-width:992px) {
	 .firstLevelBanner h1 {
		 text-align: center;
	}
	 #introSection .lead {
		 max-width: 960px;
		 margin-left: 4rem;
		 margin-right: 4rem;
	}
}
 @media(max-width:992px) {
	 .firstLevelBanner h1 {
		 margin-bottom:4rem;
	}
}

#upcoming-events_component h2 {
    text-align:center;
    font-family:var(--gfVars-thirstyFont);
}
#upcoming-events_component table {
    width:100%;
}
#signature-events_component h3{
    margin-top:0;
}
#signature-events_component div {
    text-align:center;
}
#signature-events_component a {
    line-height:1;
}

#signature-events_component .line {
    content: "";
    background-color: var(--gfColors-slate45);
}
@media (min-width: 767.98px) {
#signature-events_component .u-grid3Columns {
    grid-template-columns: 1fr 1px 1fr;
    gap: 3rem;
}
#signature-events_component h2::before {
    content: "...";
    text-align: center;
    font-size: 4rem;
    color: var(--gfColors-gold);
    display: block;
    margin-top: -6rem;
    margin-bottom: 2rem;
    font-family: var(--gfVars-bodyFont);
}
}

#update p, #share-story p {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

/* Benefits page */
h2.photoButtons-header {
    margin-bottom: .5em;
    position:relative;
}

/* Connect Page */

#connect-intro {
    max-width:992px;
    margin-left:auto;
    margin-right:auto;
}

@media(min-width:767.98px) {
  
  #connect .u-grid3Columns {
    gap:3em;
}
    
.legacy-section {
    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    gap: 3rem;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    margin-bottom: 2em;
}
.legacy-section .line {
     content: "";
    background-color: var(--gfColors-gold);
}
.legacy-section h3 {
    margin-top:0;
}
}

#connect h3 {
    font-family: var(--gfColors-bodyText);
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .1em;
}

#connect .nav-img::after {
    content: "";
    height: 5rem;
    width: 2px;
    background-color: var(--gfColors-gold);
    position: absolute;
    left: 50%;
    top: auto;
    bottom: -2rem;
}
#connect .nav-img {
    position: relative;
    margin-bottom: 4em;
}
@media(min-width:767.98px) {
    #connect {
    margin-bottom: 0rem;
    margin-top: -3rem;
    padding-top: 3rem;
	 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='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E"),
	                   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='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
	 background-repeat: no-repeat, no-repeat;
	 background-size: min(35vw, 35%), min(15vw, 15%);
    background-position-y: 2%, 77%;
    background-position-x: 22%, 69%;
	 padding-bottom: 3rem;
}
}
@media (max-width:1200px) {
    #connect {
        background-size: min(60vw, 59%), min(39vw, 35%);
    }
}
@media(max-width:767.98px){
    #connect h3 {
        text-align:center;
    }
}

/* Legacy family Page */

h3.u-autoPro--uppercase {
    font-family: var(--gfVars-bodyFont);
    font-size: 1.5em;
}
@media(min-width:992px) {
#legacy-family .u-grid2Columns {
    align-items: center;
    grid-template-columns: auto 1fr;
    gap:2em;
}
}
@media(max-width:992px) {
    #legacy-family .u-grid2Columns {
        grid-template-columns:auto;
    }
    #family-events table {
        min-width: 560px;
    }
}

/* Alumni Directors */
@media(min-width:767.98px) {
    #vision-purpose_component .u-grid2Columns {
        gap:2em; 
        align-items:center;
}

}
@media(max-width:767.98px) {
     #vision-purpose_component .u-grid2Columns .board {
         grid-row:1;
     }
}
#vision-purpose_component h2 {
    font-size: 1.5em;
    font-family: var(--gfVars-bodyFont);
        font-weight: bold;
    
}