#myImg{border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto;transition:.3s}#myImg:hover{opacity:.7}.modal{background-color:#000;background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-content{//max-width:100%;width:100%}#caption,.modal-content{display:block;margin:auto}#caption{color:#ccc;height:150px;padding:10px 0;text-align:center;width:80%}#caption,.modal-content{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-name:zoom;animation-name:zoom}.out{animation-duration:.6s;animation-name:zoom-out}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(2)}}@keyframes zoom{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(0)}}.close{color:#f1f1f1;font-size:40px;font-weight:700;position:absolute;right:35px;top:15px;transition:.3s}.close:focus,.close:hover{color:#bbb;cursor:pointer;text-decoration:none}@media only screen and (max-width:700px){.modal-content{width:100%}}