.catering-banner {
    background: var(--blue) url(../images/catering-bg.jpg) center top no-repeat;
    background-size: cover;

}
.catering-banner img {
    width: 100%;
    max-width: 72rem;
    margin: -11rem auto 0;
}

.banner .h2 {
    margin-top: 3.75em;
}
.catering-intro {
    padding: 2.5rem 0;
}
.catering-intro .p {
    padding: 0 3.5rem;
}

.pricing {
    padding: 3rem 0;
    background: var(--blue) url(../images/pricing-bg.jpg) right bottom no-repeat;
}
.top-left {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}
.bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
}
.bordered-arts.bottom-right.isAnimated {
    transform: translate(50%, 50%) rotate(90deg);
}
.pricing .bordered-art {
    margin: 2.5rem 0;
    padding: 2.75rem 3rem 3rem;
}
.pricing-header {
    margin-bottom: 2rem;
}
.pricing-header,
.pricing-details {
    align-items: center;
}
.pricing-header .p,
.pricing-details .p {
    width: 7em;
    text-align: center;
    margin: 0;
}
.pricing-header .p {
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: .5em;
}
.pricing-details:not(:last-of-type) {
    border-bottom: 1px solid #fff;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.soda-game {
    padding: 4.2rem 0 7.3rem;
}
.soda-game .p.art-list {
    display: flex;
    gap: 1em;
    align-items: center;
}
.soda-game .p.art-list svg {
    min-width: 2rem;
    width: 2rem;
}

.readyToGetFizz {
    padding: 4rem 0;
    background: url(../images/fizz-on-left.png) left top no-repeat, url(../images/fizz-on-right.png) right top no-repeat;
    background-size: auto 100%, auto 100%;
    background-color: var(--yellow);
}
.readyToGetFizz svg {
    position: absolute;
    width: 22rem;
    right: -6.6rem;
    bottom: -.5rem;
}
.readyToGetFizz #trigger-curve-2 {
    right: auto;
    bottom: auto;
    top: -.25rem;
    left: -11.5rem;
}
text.yellow {
    fill: var(--yellow);
}
text {
    fill: #fff;
    font-family: var(--title);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 31px;
    line-height: 1em;
    letter-spacing: 0.065em;
    transform: translate(1%,2%);
}

.book-now {
    padding: 3rem 0 6rem;
}
.book-now .form-wrapper {
    width: 80%;
    margin: 2.5rem auto 0;
}
.book-now .form-rows {
    margin: 0 -1rem;
}
.book-now .form-rows [class^="col-"] {
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.book-now:not(.shadyRays-form) .form-rows [class^="col-"]:last-child {
    margin-bottom: 0;
}
.book-now .form-control {
    background: none;
    color: #fff;
    border: 2px solid #fff;
    height: 3.5rem;
    font-size: 1.18rem;
    border-radius: 1rem;
    width: 100%;
    text-align: left;
    padding: 0 2rem;
}

.book-now .form-control::-moz-placeholder {
    color: #fff;
}
.book-now .form-control::-ms-placeholder {
    color: #fff;
}
.book-now .form-control::-webkit-input-placeholder {
    color: #fff;
}
.form-btn {
    margin: 2.5rem 0 2rem;
}
.form-btn .btn {
    border-radius: .5rem;
    max-width: none;
    min-width: 8rem;
    justify-content: center;
}

.thanks-image {
    width: 11rem;
    margin: 0 auto 2rem;
}
/*-- Shady Rays --*/
.shady_rays_page .catering-banner {
    padding: 9rem 0 2.5rem;
}
.shady_rays_page .catering-banner h1.p {
    margin: 2rem 0 .5em;
}
.shady_rays_page .catering-banner h1.p span {
    font-weight: bold;
    font-size: 1.2em;
}
.catering-banner .logo-combo {
    max-width: none;
    width: 26rem;
    min-width: 10rem;
    margin: 0 auto;
}
.shadyRays-form.book-now .form-control {
    border-color: var(--blue);
    color: var(--blue);
}
.shadyRays-form.book-now .form-control::placeholder {
    color: var(--blue);
}
.checkbox-block input.customRC {
    opacity: 0;
    position: absolute;
}
.checkbox-block label.customRC {
    font-size: 1rem;
    padding-left: 2.4rem;
    position: relative;
    display: block;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none;
}
.checkbox-block label.customRC span{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background: #fff url(../images/cross.png?ver=2) center center no-repeat;
    background-size: 0 auto;
    border: 1px solid var(--blue);
    transition:background-size .2s, border-color .2s, border-radius .2s;
    -webkit-transition:background-size .2s, border-color .2s, border-radius .2s;
    -ms-transition:background-size .2s, border-color .2s, border-radius .32s;
}
.checkbox-block input.customRC:checked + label.customRC span{
    background-size: contain;
}
.btn-yellow {
    background-color: var(--yellow);
}
.btn-yellow:hover {
    background-color: var(--blue);
    color: #fff;
}
/*-- Shady Rays --*/
@media screen and (max-width: 767px) { 
.catering_page .h2 {
    font-size: 1.34rem;
}
.catering-banner {
    background-image: url(../images/catering-bg-mob.jpg);
}
.catering-banner img {
    width: 100%;
    max-width: none;
    margin: 0 auto 0;
}
.banner .h2 {
    margin-top: 4.5em;
}
.catering-intro {
    padding: 2rem 0;
}
.catering-intro .p {
    padding: 0;
}

.pricing {
    padding: 2rem 0;
    background-image: url(../images/pricing-bg-mob.jpg);
    background-position: center top;
}
.pricing .container > .p {
    font-size: .6rem;
}
.pricing .bordered-art {
    margin: 1rem 0;
    padding: 1rem .75rem;
}
.pricing-header {
    margin-bottom: 1rem;
}
.pricing-header .p,
.pricing-details .p {
    font-size: .65rem;
    width: 5.75em;
}
.pricing-details:not(:last-of-type) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.soda-game {
    padding: 2rem 0;
}
.soda-game .p.art-list {
    gap: .5em;
}
.soda-game .p.art-list svg {
    min-width: 1.3rem;
    width: 1.3rem;
}
.soda-game .p.art-list > span {
    font-size: .9em;
    text-align: left;
    line-height: 1.4em;
}
.soda-game .p.art-list:last-child {
    margin-bottom: 0;
}

.readyToGetFizz {
    padding: 3rem 0 3.5rem;
    background-position: left bottom, right top;
    background-size: auto 40%, auto 40%;
    background-color: var(--yellow);
}
.readyToGetFizz svg {
    width: 9rem;
    right: -2.5rem;
    bottom: -.15rem;
}
.readyToGetFizz #trigger-curve-2 {
    left: -6rem;
}

.book-now {
    padding: 2rem 0 3rem;
}
.book-now .form-wrapper {
    width: 100%;
    margin: 1rem 0 0;
}
.book-now .form-rows {
    margin: 0;
}
.book-now .form-rows [class^="col-"] {
    padding: 0;
    margin-bottom: 1rem;
}

.book-now .form-control {
    height: 2.4rem;
    font-size: .75rem;
    border-radius: .5rem;
    padding: 0 1rem;
}
.form-btn {
    margin: 1.5rem 0 1.25rem;
}
/*~~ Shady Rays ~~*/
.catering-banner .logo-combo {
    width: 11.7rem;
}
.shady_rays_page .catering-banner {
    padding: 7rem 0 2rem;
}
.shady_rays_page .catering-banner h1.p {
    margin: 1.25rem 0 0.5rem;
}
.checkbox-block label.customRC {
    font-size: 0.7rem;
    padding-left: 1.75rem;
}
.checkbox-block label.customRC span {
    height: 1rem;
    width: 1rem;
}

.thanks-image {
    width: 7rem;
    margin: 0 auto 1rem;
}
}