.modal{background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;overflow:auto;padding-top:60px;position:fixed;top:0;width:100%;z-index:1;z-index:9999}.modal-content{margin:5% auto}.caption,.modal-content{display:block;max-width:700px;width:80%}.caption{color:#ccc;height:150px;margin:auto;padding:10px 0;text-align:center}.modal .close{color:#f1f1f1;font-size:40px;font-weight:700;position:absolute;right:35px;top:50px;transition:.3s}.modal .close:focus,.modal .close:hover{color:#bbb;cursor:pointer;text-decoration:none}.modal .arrow{color:#fff;cursor:pointer;font-size:2em;position:absolute;top:50%;transform:translateY(-50%)}.modal .arrow.left{left:2.5rem}.modal .arrow.right{right:2.5rem}.modal .caption{position:relative;text-align:center}