@media(max-width:900px){

nav{
display:none;
}

.search-box{
display:none;
}

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

.movie-grid{
grid-template-columns:
repeat(auto-fill,minmax(150px,1fr));
}

}

@media(max-width:600px){

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

.hero-content p{
font-size:15px;
}

.movie-grid{
grid-template-columns:
repeat(2,1fr);
}

}