:root {
  --width: 1vw;
}

body {
  background-color: #000;
  text-align: center;
  margin: 0;
}

#fase_0 {
  background-image: url(imgs/iscrizione/sfondo_iscrizione_completo_corretto.png);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
}

.disclaimer {
  position: relative;
  width: 30%;
  height: calc(var(--width)*653*1920/94800);
  overflow: auto;
  text-align: left;
  font-size: 12px;
  color: #8f8f8f;
  font-family: "DejaVu Serif";
  margin: 5% auto 0;
  padding-left: 4%;
}

.info {
  position: relative;
  width: 30%;
  height: calc(var(--width)*653*1920/94800);
  overflow: auto;
  text-align: left;
  font-size: 12px;
  color: #8f8f8f;
  font-family: "DejaVu Serif";
  margin: 5% auto 0;
  padding-left: 4%;
}

.accetto {
   position: relative;
  width: 30%;
  height: calc(var(--width)*653*1920/94800);
  overflow: auto;
  text-align: left;
  font-size: 12px;
  color: #8f8f8f;
  font-family: "DejaVu Serif";
  margin: 5% auto 0;
  padding-left: 4%;
}

@media (orientation: portrait) {
  #fase_0 {
    background-size: cover;
  }
  .disclaimer {
    width: 70%;
    height: 25%;
    margin-top: 12.5%;
    padding-left: 10%;
  }
  
  .info {
    width: 70%;
    height: 25%;
    margin-top: 22.5%;
    padding-left: 10%;
  }
}

#fase_uno {
  background-image: url(imgs/iscrizione/sfondo_iscrizione_completo_Dettagli_corretto.png);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
}

.container_dettagli {
  position: relative;
  width: 35%;
  overflow: auto;
  text-align: center;
  color: #8f8f8f;
  font-family: "DejaVu Serif";
  margin: 5% auto 0;
  padding-left: 3%;
  border: none;
}

@media (orientation: portrait) {
  #fase_uno {
    background-size: cover;
  }
}

#fase_due {
  background-image: url(imgs/iscrizione/sfondo_iscrizione_completo_Dettagli.png);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
}

.container_recap {
  position: relative;
  width: 35%;
  overflow: auto;
  text-align: center;
  color: #8f8f8f;
  font-family: "DejaVu Serif";
  margin: 5% auto 0;
  padding-left: 3%;
  border: none;
}

@media (orientation: portrait) {
  #fase_due {
    background-size: cover;
  }
}