#pop-up{
  width: 60%;
  min-height: 200px;
  margin: 0 auto;

  top: 50px;
  left: 20%;
  position: fixed;

  display: none;
  z-index: 1000;

  background-color: white;
  border-radius: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #ff7f27;
}

#pop-up-bottom{
  width: 60%;
  min-height: 200px;
  margin: 0 auto;

  top: 400px;
  left: 20%;
  position: fixed;

  display: none;
  z-index: 1000;

  background-color: white;
  border-radius: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: red;
}

#testo-pop-up{
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
  text-align: justify;
  font-size: 20px;
}

#testo-pop-up-bottom{
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
  text-align: justify;
  font-size: 20px;
}

@media only screen and (max-width: 768px){
  #pop-up{
    width: 85%;
    top: 30px;
    left: 7.5%;
  }
  #testo-pop-up{
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
    text-align: justify;
    font-size: 11px;
  }
}