.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1000}.modal-content{margin:0 auto 15%;padding:10px 20px;border:1px solid #888;width:90%;max-width:500px;text-align:center}.modal-content img{width:100%;height:auto}.close{color:#ccc;display:inline-block;font-size:20px;font-weight:100;cursor:pointer;border:1px solid #ccc;border-radius:50%;height:30px;width:30px;text-align:center;line-height:30px}