/* Google Fonts */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    line-height: 1.8;
}

/* Use Flex on the body to push the footer to the bottom */
body {
    display: flex;
    flex-direction: column;
}

/* A wrapper for the main content, so it can expand to fill available space */
.main-content {
    flex: 1; /* or flex-grow: 1; */
    display: block;
    /* You can add padding or background if needed */
    /* Ensure there's white space on larger screens */
    max-width: 1000px;      /* adjust as desired */
    min-width:700px;
    margin: 0 auto;         /* center horizontally */
    padding: 0 auto;        /* optional: add side padding */
}

/* Hero Section */
.hero-section {
    height: 80vh;
    /*background: linear-gradient(to bottom right, #444, #888);*/
    background: linear-gradient(to bottom right, #fff, #fff);
    color: white;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);*/
}

.hero-section h1 {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    font-weight: 700;
}

.hero-section h3 {
    font-size: 1.2rem;
    font-weight: 700;
}

.hero-section p {
    font-size: 1.0rem;
    font-weight: 400;
}
/* body section */
.body-section {
    /*background-color: #f2f8fa;*/
    background-color: #fff;
    padding: 3rem 0;
}

.body-section h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.body-section p {
    /*max-width: 800px;*/
    margin: 0 auto;
    color: #555;
    font-size: 1.0rem;
}
/* About Section */
.about-section {
    background-color: #f8f9fa;
    padding: 3rem 0;
}

.about-section h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.about-section p {
    /*max-width: 800px;*/
    margin: 0 auto;
    color: #555;
    font-size: 0.9rem;
}

/* Contact Section */
.contact-section {
    padding: 3rem 0;
}

.contact-section h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

/* Footer */
footer {
    background-color: #495866;
    color: #fff;
    font-size: 0.9rem;
}