.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal-content{display:block;margin:auto;max-width:80%;max-height:80%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}