/* CSS general */
body{margin: 0 auto;}
iframe body { overflow:hidden;}
@media (min-width: 320px){.marcoresponsive{width: 320px;height: 100%;}}
@media (min-width: 375px){.marcoresponsive{width: 425px;height: 100%;}}
@media (min-width: 768px){.marcoresponsive{width: 100%;height: 100%;}}
@media (min-width: 1024px){.marcoresponsive{width: 100%;height: 100%;}}
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }