.content-wrapper { padding: 0 !important; } .home { height: calc(100vh - 48px *2); overflow: hidden; } .home .page { position: relative; background: rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 0; margin: 10% auto; overflow: hidden; min-width: 70%; border-radius: 15px; } .home .page::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter: blur(5px); margin: -30px; z-index: -1; } .home .page .page-title, .home .page .page-title-sm { cursor: none; width: 100%; height: 100px; font-size: 35px; font-weight: 600; letter-spacing: 2px; padding-top: 0px; color: #eee; display: flex; align-items: center; justify-content: center; } .home .page .page-title-sm { font-size: 30px; color: #fff; } @media (min-width: 768px) { .home .page .page-title, .home .page .page-title-sm { height: 140px; font-size: 55px; letter-spacing: 10px; padding-top: 30px; } .home .page .page-title-sm { font-size: 50px; } } @media (min-width: 1200px) { .home .page .page-title, .home .page .page-title-sm { height: 180px; font-size: 95px; letter-spacing: 10px; padding-top: 40px; } .home .page .page-title-sm { font-size: 80px; } }