/* Hero Section */
.hero {
    background: linear-gradient(rgba(3, 36, 13, 0.4), rgba(0,0,0,0.4)), url(img/DSC03931-scaled.jpg);
    background-position: top;
    background-size: cover; 
    background-repeat: no-repeat;
    color: white;
    padding: 100px 0 100px;
    margin-top: 0;
    height: 700px;
}

.hero-content {
    max-width: 600px;
}

.hero h1 {
    font-size: 32px;
    margin-top: 100px;
    margin-bottom: 20px;
    
    font-family: var(--font-quote);
}

.hero p {
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.9;
}