.reserved {
  padding: 0 0 8rem 0;

  .content {
    padding: 2rem 7rem 0 7rem;

    img {
      margin: 0 0 1rem 0;
    }

    img.desktop {
      display: block;
    }

    img.mobile {
      display: none;
    }
  }

  .success {
    margin: 4rem 0;
    text-align: center;

    h3 {
      font-size: 1.25rem;
      font-weight: 600;
      margin: .5rem 0;
    }

    p {
      font-weight: 300;
    }
  }
}

@media only screen and (--viewport-4) {
  .reserved {
    padding: 0 2.25rem 8rem 2.25rem;
  
    .content {
      padding: 2rem 0 0 0;

      img.desktop {
        display: none;
      }
  
      img.mobile {
        display: block;
      }
    }
  }
}

@media only screen and (--viewport-3) {
  .reserved {
    padding: 0 1.5rem 8rem 1.5rem;
  }
}