/* Página limpia */
html, body {
  height: 100%;
  margin: 0;
}

body.ccq-coming-soon-page {
  margin: 0;
}

/* Contenedor */
.ccq-coming-soon {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  /* "margen máximo 60px" => max-width: 100vw - 60px */
  padding: 30px;
  box-sizing: border-box;
}

/* Si la imagen no cabe verticalmente, la pegamos arriba para que sea scroll down */
.ccq-coming-soon.is-tall {
  align-items: flex-start;
}

/* Imagen */
.ccq-coming-soon img {
  width: 650px;
  max-width: calc(100vw - 60px);
  height: auto;
  display: block;
}