.modal{display:none;position:fixed;z-index:1;padding-top:100px;padding-bottom:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.close,.closeimg{position:absolute;top:15px;right:35px;font-size:40px;font-weight:700;transition:.3s}.modal-content{margin:auto;display:block;width:80%;max-width:700px;-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.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{color:#f1f1f1}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}}.closeimg{color:#f1f1f1}.closeimg:focus,.closeimg:hover{color:#bbb;text-decoration:none;cursor:pointer}