#previewWrapper {
  width: 440px;
  height: 330px;
  line-height: 330px;
  outline: 1px solid #ccc;
  text-align: center;
  margin: 0 auto 15px;
}

#preview {
  width: 800px;
  height: 600px;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-transform: scale(0.55);
  -ms-transform: scale(0.55);
  transform: scale(0.55);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media only screen and (min-width : 1200px) {
  #previewWrapper {
    width: 536px;
    height: 402px;
    line-height: 402px;
  }

  #preview {
    -webkit-transform: scale(0.67);
    -ms-transform: scale(0.67);
    transform: scale(0.67);
  }
}