.header,
main,
footer,
.wrapper {
  position: relative;
  z-index: 1;
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.8rem 2rem 3rem;
}

.dog-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  margin: 2.5rem 0 2rem;
}

.extra-info {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 2rem 0;
  justify-content: center;
}

@media (max-width: 750px) {
  .wrapper {
    padding: 1.2rem 1rem 2rem;
  }
}