.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{position:relative;background-color:#fff;margin:auto;padding:0;width:100%;max-width:800px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.modal-body p{font-size:1.8rem}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{position:absolute;right:12px;top:5px;color:#000;text-decoration:none;cursor:pointer;float:right}.close:hover,.close:focus{color:#ccc}.modal-header{padding:25px 16px 0px 26px;color:white}.modal-body{padding:0px 26px 20px 26px}.modal-body p{margin-bottom:15px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:white}