.modal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:50%}.close{color:#333;float:right;font-size:28px;font-weight:700;opacity:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}@media (max-width:768px){.modal-content{width:70%}}@media (max-width:650px){.modal-content{width:90%}}