.modal-link{display:block;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{z-index:999;position:relative;margin:15% auto;padding:15px;width:50%;max-width:50%;max-height:50%;background-color:#fff!important;border-radius:5px;overflow-y:auto}.close{z-index:999;position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}@media (max-width:768px){.modal-content{width:80%;max-width:80%;margin:20% auto;padding:10px}}@media (max-width:480px){.modal-content{width:80%;max-width:80%;margin:25% auto;padding:10px}}.section{margin-bottom:20px}