#terms-bar { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; background-color: #f9f9f9; color: #333; padding: 20px; box-sizing: border-box; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); z-index: 100000; font-family: Arial, sans-serif; } #terms-bar p { margin: 0; } #terms-bar .close { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 16px; } @media(min-width: 768px) { #terms-bar { left: 20px; width: 300px; } }