html, body{
  width:100%;
  height:100%;
  zoom: 3;
  margin:0px;
  text-align: center;
  background-color: #dfdfdf;
  -webkit-overflow-scrolling: touch;
}

.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

    @media only screen and (min-width: 600px) {
      .frame{
          width: 90%; 
          height: 100%;
          border:0;
      }
    }

    @media only screen and (min-width: 800px) {
      .frame{
          width: 90%; 
          height: 100%;
          border:0;
      }
    }

    @media only screen and (min-width: 1000px) {
      .frame{
          width: 5vw; 
          height: 100%;
          border:0;
          padding-top:5px;
      }
      .h_iframe iframe {
    position: inherit;
    top: 0;
    left: auto;
    width: 30%;
    height: 100%;
      }
    }