.modal{font-family:Arial,Helvetica,sans-serif;display:none;position:fixed;z-index:1;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;max-width:640px;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-content h2{margin-top:35px;font-size:32px}.modal-content p{font-size:19px;text-align:center;margin-top:20px;line-height:1.6}@media (min-width:768px){.modal-content{width:60%}}@media (max-width:600px){.modal-content{padding:10px}}