html,body{
  margin:0;
  width:100%;
  min-height:100%;
  background:#000;
}

body{
  overflow-x:hidden;
}

.page{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
}

.hero-image{
  display:block;
  width:100%;
  height:auto;
  max-width:1920px;
  object-fit:contain;
}

@media (min-aspect-ratio: 16/9){
  .hero-image{
    width:auto;
    height:100vh;
    max-width:none;
  }
}

@media (max-width:700px){
  .page{
    min-height:auto;
  }

  .hero-image{
    width:100%;
    height:auto;
  }
}