.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8);}
.modal-content{margin:auto;display:block;width:auto;max-width:calc(100vw - 150px);max-height:calc(100vh - 150px);}
#texto{margin:auto;display:block;width:calc(100vw - 150px);max-width:calc(100vw - 150px);text-align:center;color:#ccc;padding:10px 0;}
.modal-content, #texto{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes zoom{from{transform:scale(0)}
to{transform:scale(1)}
}
.close{position:absolute;top:15px;right:35px;color:white;font-size:40px;transition:0.3s;}
.close:hover,
.close:focus{color:white;text-decoration:none;cursor:pointer;}
@media only screen and (max-width:700px){.modal-content{width:100%;}
}