@media (max-width: 1024px) {
    .container {
        padding: 20px;
    }
    .container h2 {
        text-align: center;
    }

    .container .filters {
        display: flex;
        flex-direction: column;
    }
    .container .filters .card-categories,
    .container .filters .price {
        width: 65%;
    }

    .container select {
        width: 200px;
    }

    .btn-filter {
        width: 40%;
        height: 3rem;
    }
    .container .cards {
        justify-content: center;
        align-items: center;
    }
}

@media(max-width: 480px) {
  .header img {
    width: 30%;
  }
}