@media(max-width:992px){

.nav{
    display:none;
}

.hero-wrapper{
    flex-direction:column;
    justify-content:center;
    gap:30px;
    padding-top:100px;
}

.hero-content{
    text-align:center;
}

.hero-content h1{
    font-size:45px;
}

.hero-form{
    width:90%;
}

.founder-grid{
    grid-template-columns:1fr;
    text-align:center;
}

}

@media(max-width:768px){

.hero-content h1{
    font-size:36px;
}

h2{
    font-size:34px;
}

.project-grid{
    grid-template-columns:1fr;
}

}