body {
  height: 100%;
  background: url('../images/Moscow%20Mule%20Vodka%20Cr.png') rgb(218, 81, 60);
  background-size: cover;
  background-position: center center;
  font-size: 1em;
}

.embed-wrapper {
  width: 640px;
  height: 360px;
  margin: 58px auto 0;
  overflow: hidden;
}

.image {
  display: block;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.image-1 {
  width: 378px;
  margin-top: 90px;
}

.image-2 {
  width: 325px;
  margin-top: 6px;
}

.image-3 {
  width: 233px;
  margin-top: 66px;
}

@media(max-width: 1020px) {
  .embed-wrapper {
    width: 510px;
    height: 315px;
    margin-top: 67px;
  }

  .image {
    height: auto;
  }

  .image-1 {
    width: 330px;
  }

  .image-2 {
    width: 251px;
  }
}

@media(max-width: 768px) {
  body {
    font-size: 1em;
  }

  .embed-wrapper {
    margin-top: 84px;
  }

  .image {
    height: auto;
  }

  .image-3 {
    float: center;
    clear: both;
    margin-top: 71px;
    margin-right: 0;
    margin-left: 0;
  }
}

@media(max-width: 640px) {
  .embed-wrapper {
    width: 420px;
    height: 236px;
    margin-top: 36px;
  }

  .image {
    height: auto;
  }

  .image-3 {
    float: none;
    clear: none;
    width: auto;
    margin-top: 49px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 320px) {
  body {
    font-size: 1em;
  }

  .embed-wrapper {
    width: 263px;
    height: 150px;
  }

  .image {
    height: auto;
  }

  .image-1 {
    width: 238px;
    margin-top: 50px;
  }

  .image-2 {
    width: 181px;
    margin-top: 4px;
  }

  .image-3 {
    margin-top: 44px;
  }
}