@media (max-width: 768) {
    
    body{
        background-image: url(images/header\ inage-landscape.png);
        margin:0;
        font-family:Arial, sans-serif;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        background-color: black;
    }
}


.navbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:20px 50px;

    background:transparent;

    z-index:1000;
}

/* NAV LINKS */
.nav-links{
    list-style:none;
    display:flex;
    gap:30px;
}

.nav-links a{
    color:white;
    text-decoration:none;
    font-size:18px;
}

/* HERO IMAGE */
.hero img{
    width:100%;
    height:600px;
    object-fit:cover;
    display:block;
}


footer{
                text-align: center;
                color: silver;
                background-color: black;
            }