@media (min-width: 30rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 72%;
    border-radius: 1rem;
  }
}

@media (min-width: 48rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 46%;
    border-radius: 1rem;
  }
}

@media (min-width: 64rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 36%;
    border-radius: 1rem;
  }
}

@media (min-width: 80rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 30%;
    border-radius: 1rem;
  }
}

@media (min-width: 90rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 26%;
    border-radius: 1rem;
  }
}

@media (min-width: 114rem) {
  .grey-box {
    background-color: var(--Color-Dark-Blue);
    margin: 10rem auto;
    width: 24%;
    border-radius: 1rem;
  }
}

/* ********************************************* */
/* ************* Thank you page ***************** */
@media (min-width: 30rem) {
  .content {
    margin: 10rem auto;
    width: 68%;
  }
}

@media (min-width: 48rem) {
  .content {
    margin: 10rem auto;
    width: 46%;
  }
}

@media (min-width: 64rem) {
  .content {
    width: 34%;
  }
}

@media (min-width: 80rem) {
  .content {
    width: 28%;
  }
}

@media (min-width: 90rem) {
  .content {
    width: 26%;
  }
}

@media (min-width: 114rem) {
  .content {
    width: 24%;
  }
}