.archcontainer {
  width: 94%;
  margin: 0 auto;
  padding: 5px;
border:1px solid #333;
      background: #111;
  border-radius: 10px;
       box-shadow: 
  3px 3px 3px rgba(0,0,0,0.5),      /* outer shadow */
  inset 1px 1px 2px rgba(0,0,0,0.8);  

}

.archive-stage-wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.archive-stage {
  position: relative;
  width: 1920px;
  height: 0;
  overflow: hidden;
      background: #000;

}

.archive-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  border: 0;
  display: block;
  transform-origin: top left;
  background: #000;
}

@media screen and (max-width: 768px) {
  .archive-stage-wrap {
    width: 96%;
  }
}