.overlayclick,.seatingplan{cursor:pointer} div.overlayclick {text-decoration: underline;color: #185c8a; } div.overlayclick:hover {color: #4098D8;} .overlay { height: 100%; width: 100%;display:none; position: fixed; z-index: 999999999999; left: 0; top: 0; background-color: rgba(0,0,0,0.8); overflow: hidden; } .overlay .closebtn { font-size: 36px;color:#000; position: absolute; right: 0; top: 0; background:#fff; line-height:1;padding: 3px 13px; } .closebtn:hover{color:#4098D8;text-decoration: underline; cursor: pointer;} .overlayinfo,.overlay-content { 	background: #fff;height:100%; position: relative; margin:0 auto 0; border: none; padding: 0;} .nomap img:hover{cursor: default !important;} .overlayinfo img.mapzoom {width: 100%; max-width:780px; margin:0 auto;display:block;} .seatingplan img { width: 100%; display: block; border: 0; margin: 0px auto; max-width: 780px; } .overlay iframe{width: 100%;height:calc(100% - 85px);border:none;} .overlay address{padding-left:10px;margin:0;height:85px;} @media screen and (min-width : 800px){ 	.overlayinfo,.overlay-content { max-width:98%; margin:50px auto 50px;height:calc(100% - 100px); } }