Thank you for your reservation!

.campelli-thank-you {
display:flex;
align-items: flex-start;
padding: 12px 32px 72px;
background: #f9f6f2;
color: #124e8d;
-webkit-font-smoothing: antialiased;
}

.campelli-thank-you .inner {
width: min(1120px, 100%);
margin: 0 auto;
display:grid;
grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
gap: 90px;
align-items: center;
}

.campelli-thank-you .content {
max-width: 560px;
}

.campelli-thank-you .lead {
margin: 0 0 20px;
font-size: 22px;
line-height: 1.55;
color: #124e8d;
}

.campelli-thank-you .separator {
width: 60px;
height: 1px;
margin: 0 0 24px;
background: #c9ab81;
}

.campelli-thank-you .text {
margin: 0 0 16px;
max-width: 520px;
font-size: 16px;
line-height: 1.7;
color: #124e8d;
opacity: 0.85;
}

.campelli-thank-you .visuals {
position: relative;
width: 100%;
height: 520px;
}

.campelli-thank-you .photo {
position: absolute;
display:block;
object-fit: cover;
background: #f9f6f2;
}

.campelli-thank-you .photo-one {
width: 66%;
height: 390px;
top: 0;
left: 0;
object-position: center;
}

.campelli-thank-you .photo-two {
width: 52%;
height: 315px;
right: 0;
bottom: 0;
object-position: center;
border: 10px solid #f9f6f2;
}

@media (max-width: 900px) {
.campelli-thank-you {
padding: 12px 24px 60px;
}

.campelli-thank-you .inner {
grid-template-columns: 1fr;
gap: 42px;
}

.campelli-thank-you .content {
max-width: 650px;
}

.campelli-thank-you .visuals {
width: min(620px, 100%);
height: 430px;
}

.campelli-thank-you .photo-one {
height: 330px;
}

.campelli-thank-you .photo-two {
height: 265px;
}
}

@media (max-width: 560px) {
.campelli-thank-you {
padding: 10px 20px 40px;
}

.campelli-thank-you .inner {
display:block;
}

.campelli-thank-you .content {
margin-bottom: 32px;
}

.campelli-thank-you .lead {
font-size: 20px;
line-height: 1.5;
}

.campelli-thank-you .visuals {
position: static !important;
width: 100% !important;
height: auto !important;
}

.campelli-thank-you .photo-one {
display: none !important;
}

.campelli-thank-you .photo-two {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3;
object-fit: cover !important;
object-position: center !important;
border: 0 !important;
margin: 0 !important;
}
}
</style>

<section class="content">
<p class="lead">
The entire Campelli team looks forward to welcoming you to the restaurant soon.
</p>

<p class="text">
To ensure we are fully prepared for your visit, please feel free to let us know in advance about any allergies,
dietary restrictions, or special occasions you would like to celebrate.
</p>

<p class="text">
You will find all the details regarding your reservation in your confirmation email.
</p> </p>
</section>

</div>
</main>