body {
  background-color: rgba(110, 110, 108, 0.55);
  width: 100vw;
  height: 100vh;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.wrapper {
  margin-top: 1rem;
  max-width: 200px;
}


@media (min-width: 575.6px) {
  .greetings {
    font-size: 1.25rem;
    font-style: bold;
    margin-bottom: .8rem;
  }

  .carousel-instructions {
    font-size: 1.0rem;
    margin-bottom: 1rem;
  }

  .wrapper {
    max-width: 335px;
    min-width: 280px;
  }
}

@media (min-width:575.7px) and (max-width:767.6px) {
  .greetings {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  .carousel-instructions {
    font-size: 1.1rem;
    margin-bottom: .8rem;
  }

  .wrapper {
    min-width: 330px;
    max-width: 375px;
  }
}

@media (min-width: 767.7px) and (max-width: 991.6px) {
  .greetings {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  .carousel-instructions {
    font-size: 1.1rem;
    margin-bottom: .9rem;
  }

  .wrapper {
    min-width: 350px;
    max-width: 400px;
  }
}

@media (min-width: 991.7px) and (max-width:1191.6px) {
  .greetings {
    font-style: 1.7rem;
    font-weight: bolder;
    margin-bottom: 1rem;
  }

  .carousel-instructions {
    font-size: 1.1rem;
    margin-bottom: 1.0rem;
  }

  .wrapper {
    min-width: 350px;
    max-width: 450px;
  }
}

@media (min-width: 1192.7px) {
  .greetings {
    font-size: 1.7rem;
    font-weight: bolder;
    margin-bottom: 1rem;
  }

  .carousel-instructions {
    font-size: 1.25rem;
    margin-bottom: 1.2rem;
  }

  .wrapper {
    min-width: 400px;
    max-width: 550px;
  }
}