/* Hero Section */
.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
    background: url('../images/blue-wavy-background.jpg') center center/cover no-repeat;
    /* Optional fallback background color */
    background-color: #1f1f1f;
}

.hero-content {
    max-width: 910px;
    padding: 0 20px;
}

    .hero-content h1 {
        font-size: 6rem;
        font-weight: 500;
        margin: 0 0 20px;
        text-transform: uppercase;
        letter-spacing: 10px;
    }

    .hero-content .lead {
        font-size: 1.7rem;
        font-weight: 300;
        line-height: 1.6;
        margin: 0 auto;
        /*max-width: 800px;*/
        color: #ccc; /* Softer color for the lead text */
        text-transform: uppercase;
        letter-spacing: 10px;
    }

/* Responsive adjustments */
@media (max-width: 600px) {
    /* Align hero content at the top with some top padding */
    .hero {
        align-items: flex-start;
        padding-top: 40px; /* Adjust this value as needed */
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .hero-content .lead {
        font-size: 1rem;
    }
}