.popup{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999}.popup-content{background-color:#fff;max-width:700px;margin:auto;position:relative;text-align:center}.popup-image{width:100%;height:auto}.close{color:#575757;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;right:0;z-index:9999}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}@media (max-width:768px){.popup-content{background-color:#fff;max-width:800px;margin:20px}}