.elements {
  max-width: 1380px;
  margin: 0 auto;
  padding: 38px 0 50px 0;
  display: grid;
  grid-template: auto / repeat(4, 1fr);
  gap: 50px 40px;
  font-family: 'Roboto', 'Arial', sans-serif;
}

@media screen and (max-width: 1120px) {
  .elements {
    grid-template: auto / repeat(2, 1fr);
  }
}

@media screen and (max-width: 915px) {
  .elements {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .elements {
    gap: 40px 25px;
  }
}

@media screen and (max-width: 680px) {
  .elements {
    grid-template: auto / repeat(1, 1fr);
  }
}