#preloader {display:none;} .navbar {display:none;} .nojavascript body { font-family: 'Roboto', sans-serif; font-weight: 300; body: #424242; background-size: cover; height: 100vh; } .nojavascript .box { width: 40%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; background-clip: padding-box; text-align: center; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: none; } .nojavascript { position: fixed; z-index: 100001; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); } .nojavascript .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; } .nojavascript .popup .header { margin-top: 0; color: red !important; font-weight: bold; line-height: 1.428571429; } .nojavascript .popup .content { max-height: 30%; overflow: auto; } .nojavascript .popup .header h1 { font-size: 24px; margin: 0 0 15px; color: red !important; } @media (max-width: 768px) { .nojavascript .box{ width: 80%; } .nojavascript .popup{ width: 80%; } .nojavascript .popup .header h1 { font-size: 18px; } }