@media only screen and (max-width: 900px){
    nav{
        flex-direction: column;
    }

    .logo{
        justify-content: center;
        margin: 15px auto;
    }

    nav ul{
        justify-content: center;
        height: 35px;
    }

    .search{
        justify-content: center;
    }

    .search input{
        margin: 12px 16px;
    }

    .slider img{
        height: 15vh;
    }

    .card h3{
        text-align: center;
    }

    .card{
        align-items: normal;
    }

    .card-item{
        width: 26vw;
    }
}