.my-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.my-modal-content{background-color:#fff;margin:15% auto;padding:20px;width:80%;max-width:900px;border-radius:10px;overflow:auto;text-align:center}.my-modal-title{font-weight:bold}@media screen and (max-width:600px){.my-modal-content{padding:10px;width:95%}}@media screen and (max-width:700px){.my-modal-buttons .cool-button{padding:4px 40px}}@media screen and (max-width:500px){.my-modal-buttons .cool-button{padding:4px 10px}}@media screen and (min-width:1200px){.my-modal-content{margin:5% auto}}