/* Keep the previous CSS provided in the first response, but ensure the Hero text stays centered */

.hero-content h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 8vw, 4.5rem); /* Responsive font size */
    margin-bottom: 20px;
    line-height: 1.1;
}

.hero-content p {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto;
    font-weight: 300;
}

/* Footer styling adjustment */
footer h3 {
    font-family: 'Playfair Display', serif;
    color: #d4a373;
    margin-bottom: 15px;
}

footer p {
    margin: 5px 0;
}