.main { background-image: url('/assets/bigtiger777-big-image.png'); background-position: center; background-repeat: repeat; background-size: cover; position: relative; box-shadow: inset 0 0 0 2000px rgba(239, 220, 171, 0.9); } .navbar-nav { display: flex; justify-content: flex-end; } .nav-item { padding: 8px; } img { background: rgb(245, 163, 12); } .game-section { background-image: url('/assets/game-slot-image2.png'); background-position: bottom; background-repeat: no-repeat; background-size: cover; position: relative; height: 600px; background-color: rgb(245, 163, 12); display: flex; align-items: flex-end; justify-content: center; } .open-modal { width: 350px; height: 50px; } .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: #222; color: #fff; padding: 15px; text-align: center; font-size: 14px; display: flex; justify-content: space-between; align-items: center; } .cookie-banner p { margin: 0; flex: 1; } .cookie-banner a { background: #ff9800; color: #fff; padding: 8px 15px; text-decoration: none; font-weight: bold; border-radius: 5px; margin-left: 10px; } /* Hide banner when the user clicks "Accept" */ #hide-cookie:target { display: none; } .spacer { height: 60px; /* Should match the height of the cookie banner */ } @media (max-width: 560px) { .modal-dialog, .modal { max-width: 100vw !important; margin: 0; } .modal-content { border-radius: 0; } }