.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .map-content{background-color:#fefefe;margin:0 auto;transform:translateY(-50%);position:relative;top:50%;padding:20px;border:1px solid #888;width:680px} .map-content img{max-width:100%;height:auto} @media not all and (min-width:700px){.map-content{width:95%}} .closeMap{color:#aaa;float:right;font-size:28px;font-weight:bold;padding:0.3em;margin:-0.3em} .closeMap:hover,.closeMap:focus{color:black;text-decoration:none;cursor:pointer}