.modal{background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:100}.close{color:#000;float:right;font-size:28px;font-weight:700;margin-right:15px;margin-top:10px}.close:focus,.close:hover{color:#f60;cursor:pointer;text-decoration:none}.modal-header{background-color:#e5e5e5;color:#000;letter-spacing:2px;padding:10px;text-transform:uppercase}.modal-body{background-color:#f9f9f9;height:auto;padding:10px}.modal-info{box-sizing:border-box;height:auto;padding:20px 0 20px 10px}.modal-body li{box-sizing:border-box;display:block;list-style:none;padding:5px 0 5px 0}.modal-footer{background-color:#f9f9f9;height:auto}.modal-content{position:relative;background-color:#fefefe;margin:50px auto;border:1px solid #888;height:auto;width:80%;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}