/* HERO SECTION - Full-screen, properly offset for fixed navbar */
.hero-section {
    height: calc(50vh - 50px); /* Subtract navbar height (adjust if your navbar is taller) */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;      /* Small horizontal padding for mobile */
    padding-right: 1rem;
    background-color: #f8f9fa; /* Light background */
    color: #555555;           /* Medium grey text */
    text-align: center;
    flex-direction: column;   /* Stack heading and lead text */
}

/* Hero heading and lead text */
.hero-section h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.hero-section p.lead {
    font-size: 1.5rem;
    margin-top: 1rem;
}

body {
    color: black;
    background-color: white;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height:1.6;
}

a {
    color: text-decoration none;
}

a:visited {
    color: #dde6d5 (137, 92, 92);
    text-decoration: none;
}

a:hover {
    color: gray;
    text-decoration: underline;
}


.small {
    font-size: 8px;
    font-style: italic;
}


.rounded-img {
    width: 550px; 
    border-radius: 5px; 
    display: block; 
    margin: 10px 0; 
  }

#home {
    background-image: url(zilkerlandscape3.jpg)
}

#main {
    position: relative;
    margin: auto;
    border: 2px solid #cccccc;
    /* max-width: 1200px; */
    width: 100%;
    background-color: white;
}

#header {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #f3f4e7;
}

#header img {
    max-height: 90px;
    max-width: 300px
}

#section {
    position: relative;
    width: 100%;
    background-color: white;
}



img {
    max-width: 100%;
}

.headerbox {
    height: 10%; 
    width: 20%;


}

.imgbox {
    width: 30%;

}

#row {

    display: flex;

}

.imgbox img {
    max-width: 100%;
    max-height: 100%;
}


#rightcontent {
    width: 80%;
    padding: 10;

    p {
        font-size: medium;
    }
}

.favorite {
    width: 60%;
}

.bg-custom {
    background-color: #2e6f40;
    }

 .bg-custom1 {
        background-color : #dde6d5 ;
    }