#intro-heading_component {
	 margin-bottom:3rem;
}
 #love-our-city h2 {
	 color:var(--gfColors-slate100);
	 text-align:center;
	 word-spacing:0.1em;
	 padding-bottom:5rem;
	 background-image:url(/_assets-index/images/arrow-down.png);
	 background-position:bottom center;
	 background-size: auto 5rem;
	 background-repeat:no-repeat;
}
 #love-our-city h2 span {
	 font-size:1.5em;
	 color:var(--gfColors-navy);
	 text-transform:none;
	 letter-spacing:0;
}
 .grid-alternating {
	 align-items:center;
	 justify-items:center;
	 display:grid;
	 grid-template-columns: 1fr 1fr;
	 gap:2.5rem;
	 grid-auto-flow:dense;
	 font-size: 1.2rem;
}
 .grid-alternating :nth-child(4n-1){
	 grid-column:2;
}
 .grid-alternating .u-circlePhotoSimple {
	 max-width: 400px;
	 justify-self: center;
}
/* ------------- //////// pseudo element doodles //////// ------------ */
 .doodle {
	 position:relative;
}
 .doodle::after {
	 content:"";
	 background-repeat:no-repeat;
	 background-size:contain;
	 height:10rem;
	 width:10rem;
	 position:absolute;
	 bottom:-70px;
	 right:-20px;
}
 .doodle--tree::after {
	 background-image:url(/college-admissions/campus-life/_assets-newberg/images/doodle-tree.png);
}
 .doodle--waves::after {
	 background-image:url(/college-admissions/campus-life/_assets-newberg/images/doodle-waves.png);
}
/* ------------- //////// Come Visit //////// ------------ */
 .gray-section {
	 position:relative;
	 background-color:var(--gfColors-slate15);
}
 .gray-section.quote-section {
	 padding: 0;
	 background:var(--gfColors-slate100);
}
 .gray-section#come-visit {
	 padding: 0;
	 background:var(--gfColors-navyAccent);
}
 #come-visit h2 {
	 margin-top: 0;
	 margin-bottom: 3rem;
	 color: var(--gfColors-slate15);
	 font-size: 2.5rem;
	 font-weight: normal;
	 position:relative;
}
 #come-visit .circle-img-section {
	 background: linear-gradient(to left, var(--gfColors-slate45) 65%, transparent 65.1%);
	 padding: 5%;
}
 #come-visit .card-text {
	 margin: 5% 0 0 7%;
	 padding:35px;
	 position:relative;
	 color: #fff;
}
/* ------------- //////// Responsive Styles //////// ------------ */
 @media(max-width:768px){
	 .grid-alternating{
		 grid-template-columns:1fr;
	}
	 .grid-alternating :nth-child(4n-1){
		 grid-column:1;
	}
	 .grid-alternating h2{
		 margin-top:0;
	}
	 .intro-text {
		 line-height:normal;
	}
	 #circle-content_component::before, #circle-content_component::after {
		 grid-column:1;
		 grid-row:4;
	}
	 .gray-section#come-visit {
		 margin-top:-35px;
	}
	 #come-visit .circle-img-section {
		 background: linear-gradient(to left, var(--gfColors-slate45) 50%, transparent 50.1%);
		 padding: 3rem 3rem 0;
		 text-align: center;
	}
	 #come-visit .card-text:before {
		 top: 2.5rem;
		 left: -1.5rem;
	}
	 #come-visit .circle-img-section img {
		 width:100%;
	}
	 .circle-img-section {
		 background: var(--gfColors-gold);
	}
	 #come-visit h2 {
		 margin-left:0;
	}
	 #come-visit .card-text:before {
		 top: 5rem;
		 left: 0;
		 font-size: 6rem;
	}
	 .circle-img-section {
		 background: var(--gfColors-red);
	}
	 #come-visit .circle-img-section {
		 text-align: center;
	}
	 #come-visit .circle-img-section img {
		 width: 100%;
	}
	 #come-visit .card-text {
		 margin: 7% 5% 5% 5%;
	}
	 .doodle::after {
		 content: "";
		 background-repeat: no-repeat;
		 background-size: contain;
		 height: 8rem;
		 width: 10rem;
		 position: absolute;
		 bottom: -15px;
		 right: -30px;
	}
}
 @media screen and (max-width: 992px) {
	 .grid-alternating{
		 gap: 0.5rem;
	}
	 .grid-alternating .u-circlePhotoSimple {
		 max-width: 300px;
		 margin-bottom: 2rem;
	}
}