@media (max-width: 1550px) {
  .gallery{
    place-items: center;
    grid-template-columns: 25% 25% 25% 25% !important;
  }
}
@media (max-width: 1350px) {
  .gallery{
    place-items: center;
    grid-template-columns: 33% 33% 33% !important;
  }
  .before-images p{
    width: 80%;
    text-align: justify;
  }
}
@media (max-width: 950px) {
  .gallery{
    place-items: center;
    grid-template-columns: 50% 50% !important;
  }
}
@media (max-width: 650px) {
  .gallery{
    place-items: center;
    grid-template-columns: 100% !important;
  }
}
@media (max-width: 1350px) {
  .buttons button{
    margin-top: 5px;
  }
}

@media (max-width:1000px) {
  .footer{
    display: grid;
    grid-template-columns: 100%;
  }
  .footer-image img{
    display: none;
  }
  .footer-text p, .footer-text a{
    text-align: center;
  }
  .footer-credit p{
    text-align: center;
    margin-top: 15px;
  }
}