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