body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: flex-start; /* stick to top */
    height: auto; /* let body grow with content */
    background-color:#FB401F;
  }

  video {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  /* Desktop styles (≥768px) */
  @media (min-width: 768px) {
    body {
      height: 100vh; /* full viewport height */
      align-items: center; /* vertical center */
    }

    video {
      max-width: 960px;
      min-width: 480px;
    }
  }