/** File CSS per le descrizioni POP-UP **/
/** Testo pop-up **/
@media screen and (min-width: 1024px) {
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 2em; /* Location of the box */
    padding-bottom: 10em;
    left: calc(25% / 2);
    top: calc(25% / 2);
    width: 75%; 
    height: 75%;
    overflow: scroll; /* Enable scroll if needed */
    background-color: rgb(5, 1, 39); /* Black w/ opacity */
    color: white;
  }

  .close {
    font-size: 32px;
    text-align: center;
    cursor: pointer;
  }

  .scorrimento {
    width: 55%;
    margin: 0 auto 0 auto;
    overflow: visible; /* Enable scroll if needed */
    color: white;
  }

  .modaldescrizione {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023.99px) {
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 2em; /* Location of the box */
    padding-bottom: 10em;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: scroll; /* Enable scroll if needed */
    background-color: rgb(5, 1, 39); /* Black w/ opacity */
    color: white;
  }

  .close {
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }

  .scorrimento {
    width: 75%;
    font-size: 1.15em;
    margin: 0 auto 0 auto;
    overflow: visible; /* Enable scroll if needed */
    color: white;
  }

  .modaldescrizione {
    padding-bottom: 2em;
  }
}