@media (min-width:992px) {
    .w-lg-85 {
        width:85%;
    }
}
.u-gfColors-slate100 {
    color:var(--gfColors-slate100) ! important;
}
h2 span.h5.u-autoPro.u-autoPro--uppercase {
    font-weight:bold;
}

.bg-circle {
    position:relative;
}
.bg-circle::before {
    content: "";
    height: 25rem;
    width: 25rem;
    display: block;
    background-color: var(--gfColors-slate15);
    border-radius: 50%;
    position: absolute;
    top: -7rem;
    left: -11rem;
    z-index: -1;
}

.add-gold-star {
    position:relative;
}
.add-gold-star::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: -3rem;
    right: -2rem;
    display: block;
}
@media (max-width:575.98px) {
    .add-gold-star::after {
        right: 3rem;
    }
}
@media (min-width:1200px) {
    .circle-off-right {
        position:relative;
    }
    .circle-off-right::before {
        content:"";
        background-image:url(/__template/t1/images/doodle-illustrations/gold-single-loop.svg);
        background-repeat:no-repeat;
        width: 110px;
        height: 300px;
        background-size: contain;
        position: absolute;
        top: 6rem;
        right: 350px;
        display: block;
    }
}

.circle-off-right img {
    clip-path: circle(50% at 65% 50%);
    width: clamp(300px, 40vw, 450px);
}

@media (min-width:1720px) {
    #residence .u-containerLeftMargin {
        margin-right: calc(50% - 767px);
    }
    .circle-off-right::before {
        top: 7rem;
        right: 420px;
        transform: rotate(357deg);
    }
    .circle-off-right img {
        clip-path: circle(50%);
    }
}
@media (min-width: 768px) and (max-width:992px) {
     #residence .u-containerLeftMargin {
        max-width: 720px;
    }
}
@media (min-width:576px) and (max-width:767.98px) {
     #residence .u-containerLeftMargin {
        max-width: 540px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    #housingNmeals {
        background-image:url(/offices/student-life/residence-life/_assets-index/images/bg-tiles-slate.svg);
        background-repeat: no-repeat;
        background-position: 100% 60%;
        background-size: 70%;
    }
}

@media (min-width: 1400px) {
    #housingNmeals {
        background-size: 60%;
    }
}
@media (min-width:768px) and (max-width:991.98px) {
    #housingNmeals img {
        width:330px;
        height:330px;
    }
}