* {
  margin: 0px;
  padding: 0px;
}

body {
  background-image: url(../img/rayve-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}

#vendingmachine {
  width: 944px;
  height: auto;
  display: block;
  margin: 4rem auto;
  opacity: 0;
}


@media only screen and (max-width: 375px) {
  /* Styles for iPhone SE and smaller phones */

  #vendingmachine {
    width: 575px;
    height: auto;
    display: block;
    margin: 4rem auto;
  }

}

@media only screen and (max-width: 430px) {

  #vendingmachine {
    width: 3200px;
    height: auto;
    display: block;
    margin: 38rem 18rem 0rem 0rem;
  }

}