@media(max-width:1000px){

.hero{

flex-direction:column;

text-align:center;

padding-top:150px;

}

.hero-left{

width:100%;

}

.hero-right{

width:100%;

margin-top:60px;

}

.hero-left h1{

font-size:48px;

}

.navbar ul{

display:none;

}

}