.hero {
     padding: 20vh 20vw 10vh 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-image: url(/images/herothree.webp);
    background-position: center;
    background-size: cover;
    color: black;

}
.normal-container {
    margin: 2rem 0;
}



@media screen and (min-width:1000px) {
    h1 {
        text-align: center;
    }
    
}