.boxy {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    margin: 50px auto;
}

.boxy__wrapper {
  border: 1px solid var(--tertiary);
}

.boxy__inner-wrapper {
  padding: 40px;
}

.boxy__headline {
  padding: 30px 45px;
  margin: 0;
  color: #fff;
  background-color: var(--tertiary);
}

.boxy__button {
  margin: 35px 0 20px;
}

.boxy__image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}

.boxy__image-wrapper a {
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .boxy {
    padding: 0 120px;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .boxy {
    padding: 0 70px;
  }
}
@media screen and (max-width: 599px) {
  .boxy {
    padding: 0 30px;
  }
}