@media only screen and (max-width: 1100px) {
  .container {
    width: 90%;
  }
}

@media only screen and (max-width: 870px) {
  nav {
    display: block;
  }
  
  #brand {
    grid-template-columns: repeat(1, 1fr);
  }

  .transform__content {
    padding: 100px 0;
  }

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

@media only screen and (max-width: 870px) {
  .clients {
    grid-template-columns: repeat(1, 1fr);
  }
  #gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}