#pantryBanner .u-grid2Columns {
	 align-items:center;
}
 #pantryBanner {
	 position:relative;
}
 @media (min-width:992px) {
	 #pantryBanner::after {
		 content: "";
		 background-image:url(/offices/student-life/bruin-community-pantry/_assets-index/images/altgothic-quote.svg);
		 background-repeat:no-repeat;
		 background-size:contain;
		 width: 4rem;
		 height: 3rem;
		 position: absolute;
		 top: 0;
		 right: 35%;
		 display: block;
		 opacity:0;
		 -webkit-animation: fade-in 2s ease-out 1s forwards;
		 animation: fade-in 2s ease-out 1s forwards;
	}
}
 @media (min-width:1200px) {
	 #pantryBanner::after {
		 right:45%;
	}
}
 .bg-half-circle {
	 position:relative;
}
 .bg-half-circle::before {
	 content: "";
	 background-color: #e4eaee;
	 border: 1px solid transparent;
	 width: 20em;
	 height: 20em;
	 border-radius: 100%;
	 position: absolute;
	 top: -22em;
	 display: grid;
	 z-index: -10;
	 justify-self: center;
	 opacity:0;
	 -webkit-animation: ripple 1s ease-out .5s forwards;
	 animation: ripple 1s ease-out .5s forwards;
	 box-sizing:content-box;
}
 @-webkit-keyframes ripple {
	 0% {
		 top: -22em;
		 width: 20em;
		 height: 20em;
		 opacity: 0;
	}
	 80% {
		 top: -20em;
		 width: 24em;
		 height: 24em;
		 opacity: .7;
	}
	 100% {
		 top: -20em;
		 width: 24em;
		 height: 24em;
		 opacity: .9;
	}
}
 @keyframes ripple {
	 0% {
		 top: -22em;
		 width: 20em;
		 height: 20em;
		 opacity: 0;
	}
	 80% {
		 top: -20em;
		 width: 24em;
		 height: 24em;
		 opacity: .7;
	}
	 100% {
		 top: -20em;
		 width: 24em;
		 height: 24em;
		 opacity: .9;
	}
}
 @-webkit-keyframes fade-in {
	 0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}
 @keyframes fade-in {
	 0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}
 @media (min-width:768px) and (max-width:991.98px) {
	 .bg-half-circle::before {
		 width: 18em;
		 height: 18em;
		 top: -18em;
		 opacity:.9;
		 animation:none;
		 -webkit-animation:none;
	}
}
 @media (max-width:767.98px) {
	 .bg-half-circle::before {
		 top: 0;
		 left: -8rem;
		 opacity: .9;
		 animation:none;
		 -webkit-animation:none;
	}
	 .bg-half-circle p.lead {
		 margin-top:7rem;
	}
	 .bg-half-circle::after {
		 content: "";
		 background-image:url(/offices/student-life/bruin-community-pantry/_assets-index/images/altgothic-quote.svg);
		 background-repeat:no-repeat;
		 background-size:contain;
		 width: 3rem;
		 height: 2.5rem;
		 position: absolute;
		 top: 3rem;
		 left: 0;
		 display: block;
	}
	 .bg-half-circle {
		 position: relative;
	}

	 .bg-half-circle-content {
		 position: relative;
		 z-index: 1;
		 padding: 2.7rem;
	}
}
 .circle-off-right img {
	 clip-path: circle(50% at 65% 50%);
	 width: clamp(300px, 40vw, 450px);
	 margin-top: -8rem;
	 margin-left: 3rem;
}
 @media (min-width:1720px) {
	 #intro .u-containerLeftMargin {
		 margin-right: calc(50% - 767px);
	}
	 .circle-off-right img {
		 clip-path: circle(50%);
	}
}
 @media (min-width: 768px) and (max-width:992px) {
	 #intro .u-containerLeftMargin {
		 max-width: 720px;
	}
}
 @media (min-width:576px) and (max-width:767.98px) {
	 #intro .u-containerLeftMargin {
		 max-width: 540px;
		 margin-right: auto;
		 margin-left: auto;
		 padding-right: 15px;
		 padding-left: 15px;
	}
}
 #location .u-grid2Columns {
	 grid-template-columns: 1fr;
}
 .circle-off-left img {
	 -webkit-clip-path: circle(50% at 30% 50%);
	 clip-path: circle(50% at 30% 50%);
	 width: clamp(300px, 40vw, 450px);
}
 @media (min-width:1720px) {
	 #location .u-containerRightMargin {
		 margin-left: calc(50% - 767px);
	}
	 .circle-off-left img {
		 clip-path: circle(50%);
	}
}
 @media (min-width:992px) {
	 #location .u-grid2Columns {
		 grid-template-columns: 2fr 3fr;
	}
	 #location .u-grid2Columns .circle-off-left {
		 justify-self:start;
	}
}
 @media (min-width: 768px) and (max-width:992px) {
	 #location .u-containerRightMargin {
		 max-width: 720px;
		 margin-left: calc(50% - 350px);
	}
}
 @media (max-width:767.98px) {
	 #location .u-grid2Columns {
		 grid-template-columns:1fr;
	}
}
 @media (min-width:576px) and (max-width:767.98px) {
	 #location .u-containerRightMargin {
		 max-width: 540px;
		 margin-right: auto;
		 margin-left: auto;
		 padding-right: 15px;
		 padding-left: 15px;
	}
}
 @media (max-width:575.98px) {
	 #location .u-containerRightMargin {
		 width: 100%;
		 padding-right: 15px;
		 padding-left: 15px;
		 margin-right: auto;
		 margin-left: auto;
	}
}
 #locationHours {
	 position:relative;
}
 #locationHours::after {
	 content:"";
	 background-image:url(/offices/student-life/bruin-community-pantry/_assets-index/images/veggies.svg);
	 background-repeat:no-repeat;
	 background-size:contain;
	 width: 350px;
	 height: 550px;
	 position: absolute;
	 top: 25%;
	 right: 0;
	 display: block;
	 z-index: -10;
}
 @media (max-width:767.98px) {
	 #locationHours::after {
		 display:none;
	}
}
 #partners .u-gridAutoColumns {
	 display: grid;
	 gap: 1rem;
	 align-items: center;
	 justify-items: center;
	 grid-template-columns: auto auto auto auto auto;
	 grid-auto-flow: column;
	 grid-template-rows: 100px;
}
 @media (max-width:767.98px) {
	 #partners .u-gridAutoColumns {
		 grid-template-columns: repeat(3, 1fr);
		 grid-template-rows: 100px 100px;
	}
}