/* This is the stylesheet for the checkout page to apply flexbox*/


.container {
  display: flex;
  flex-wrap: wrap;
  margin: 1em;
}

.item1 {
  flex: 1 1 auto;
}

.checkout {
  padding-top: 2em;
}

.product-info {
  float: right;
}

#purchase {
  text-align: center;
  padding-bottom: 2em;
}

#purchase img {
  width: 15em;
}

@media screen and (min-width: 35em) {
  .container {
    align-content: center;
    margin: 2em;
  }
}

@media screen and (min-width: 55em) {
  .container {
    margin: 5em;
  }

}