@media(max-width:992px){

.nav-links{

position:fixed;

top:80px;

right:-100%;

width:280px;

height:100vh;

background:white;

display:flex;

flex-direction:column;

padding:40px;

transition:.4s;

}

.nav-links.active{

right:0;

}

.menu-btn{

display:block;
font-size:30px;
cursor:pointer;

}

.hero-content{

width:90%;

}

.hero h1{

font-size:42px;

}

.search-card{

grid-template-columns:1fr;

width:92%;

bottom:-180px;

}

.hero{

padding-bottom:250px;

}

}

@media(min-width:993px){

.menu-btn{

display:none;

}

}