.body-coming-soon {
  background-color: #30433f;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-coming-soon {
  color: #fffaf3;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
}

.coming-soon-wrap {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 70vh;
  min-height: 15rem;
  display: flex;
}

.image-coming-soon {
  width: 100%;
  max-width: 18.4rem;
}

@media screen and (max-width: 479px) {
  .coming-soon-wrap {
    max-height: 35rem;
    padding: 2rem;
  }
}