.modal{display:none;position:fixed;z-index:1001;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal-content{margin:auto;padding:auto;width:60%}@media(max-width:400px){.modal-content{margin:auto;padding:auto;width:100%}}.close{color:#000;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#373737;text-decoration:none;cursor:pointer}