
/* The Modal (background) */
.modall {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /* Location of the box */
    /* width: 100%; Full width */
    /* height: 100%; Full height */
    /*  overflow: auto; Enable scroll if needed */
    background-color: rgba(229,130,125,0.8); /* Black w/ opacity */
    z-index: 10;
    top:1 !important;
    right: 1 !important;
}

/* Modal Content */
.modal-content {
    position:fixed;
    background-color: #fefefe;
    width: 95%;
    height:90%;
    border:none;
    border-radius:0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);
}

/* The Close Button */
.close {
    background-image:url(../img/close.svg); background-position: center; background-repeat:no-repeat;
    width:35px;
    height:35px;
    position: fixed;
    left:92%;
    top:5%;
    opacity:1;
    z-index: 1;
}

.close:hover,
.close:focus {
    cursor: pointer;
    opacity: 0.7; transition:.35s ease;
      transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
}


.close2 {
  background-image:url(../img/close-green.svg); background-position: center; background-repeat:no-repeat;
  width:35px;
  height:35px;
  position: fixed;
  left:85%;
  top:5%;
  opacity:1;
  z-index: 1;
  display:none;
}

.close2:hover,
.close2:focus {
    cursor: pointer;
    color:#E5827D;
    transition: all .1s;
    -webkit-transition: all .1s;
}


@media screen and (max-width: 800px) {

.modal-content {width:100%; height:100%; }


#presentazione {width:85% !important;}

#presentazione p {font-size:16px; }


}

@media screen and (max-width: 575px) {

#presentazione {display:none; }

.form { position: relative; margin-top:50px; top:0;}
.info-cnt { top:5%;}
#dati ul li a {}

  .close2 {display:block;}
}


@media screen and (max-width: 500px) {



.modal {}
.modal-content {width:100%; height:100%; padding:0; }

}
