.box {
  align-items: center;
  border-radius: 13px;
  display: flex;
  padding: 20px 25px;
}

@media (min-width: 992px) {
  .box {
    border-radius: 20px;
    padding: 50px 110px;
  }
}

.box.box-alt {
  flex-direction: row-reverse;
}

.box-content {
  flex-shrink: 0;
  padding-right: 20px;
  width: 70%;
}

@media (min-width: 992px) {
  .box-content {
    flex-shrink: inherit;
    padding-right: 70px;
    width: auto;
  }
}

.box.box-alt .box-content {
  padding-left: 20px;
  padding-right: 0;
}

@media (min-width: 992px) {
  .box.box-alt .box-content {
    padding-left: 70px;
  }
}

@media (min-width: 992px) {
  .box-image {
    flex-shrink: 0;
  }
}

.box-collapse {
  padding: 60px;
}

@media (min-width: 992px) {
  .box-collapse {
    padding: 180px 80px;
  }
}