/* Footer background */
.md-footer {
    background-color: #1a1a1a;
    color: white;
}

/* Link hover color */
a:hover {
    color: #2deb50;
}

/* Hero section with background image */
.hero {
    width: 100%;
    height: 60vh; /* adjust height: 60% of viewport */
    background-image: url('../images/hero-bg.png');
    background-size: cover;       /* ensures it fills the area */
    background-position: center;  /* keeps center focused */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem;
}