#overlayWrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 1; } #overlayContent { background: white; top: 0; left: 0; right: 0; padding: 1.5rem; padding-top: 0; border-radius: 0.3em; /* border: ; */ box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; position: absolute; min-height: 6em; } #overlayCloseButton { position: absolute; top: 0.4rem; text-decoration: none; font-size: 200%; color: rgba(51, 51, 80, 0.8); right: 1rem; } @media (min-width: 600px) { #overlayContent { transform: translateX(-50%); top: 100px; left: 50%; width: 80%; max-width: 40em; } }