*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.nav-hero{
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: tomato;
}

    .nav{
        flex: 10vh;
        background: teal;
    }

        .nav ul{
            display: flex;
            height: 100%;
            justify-content: space-around;
            align-items: center;
        }

            .nav li{
                list-style: none;
            }

                .nav a{
                    text-decoration: none;
                    color: white;
                    font-size: 1rem;
                }

    .hero-label{
        flex: 90vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .hero-label h1{
            font-size: 4rem;
            color: white;
        }

/* Media Queries*/
@media only screen and (max-width: 1024px) {
    .nav a{
        font-size: 2rem;
    }
}

@media only screen and (max-width: 650px) {
    .nav a{
        font-size: 1rem;
    }

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

@media only screen and (max-width: 320px) {
     .hero-label h1{
         font-size: 1.5rem;
     }
}