@media (max-width: 900px) {
    .quadrados{
        display: none;
    }
}

@media (max-width: 600px) {
    .titulo h1{
        font-size: 34px;
    }
    .titulo img{
        width: 200px;
    }
}

@media (max-width: 400px) {
    .titulo h1{
        font-size: 24px;
    }
    .titulo img{
        width: 150px;
    }

@media (max-width: 1200px) {
  .quadrado {
    width: 60%;
    height: 50%;
  }
}

@media (max-width: 1100px) {
  .quadrado {
    width: 50%;
    height: 40%;
  }
}

@media (max-width: 1000px) {
  .quadrado {
    width: 40%;
    height: 30%;
  }
}

@media (max-width: 950px) {
  .quadrado {
    width: 30%;
    height: 20%;
  }
}

@media (max-width: 920px) {
  .quadrado {
    width: 20%;
    height: 15%;
  }
}

}

@media (max-width: 1200px) {
  .card-ampliada {
    width: 800px !important;
    height: auto !important;
    max-height: 80vh !important;
  }
}

@media (max-width: 900px) {
  .card-ampliada {
    width: 95vw !important;
    height: auto !important;
    max-width: 95vw !important;
    max-height: 65vh !important;
  }
}

@media (max-width: 600px) {
  .card-ampliada {
    width: 98vw !important;
    height: auto !important;
    max-width: 98vw !important;
    max-height: 55vh !important;
  }
}