.content-wrapper { padding: 0 !important; } .home { height: calc(100vh - 48px *2); overflow: hidden; display: flex; justify-content: center; align-items: center; } .home .page { position: relative; background: rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 0; margin: -120px auto 0; 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: 80px; font-size: 35px; font-weight: 600; letter-spacing: 10px; padding-top: 0px; color: #eee; display: flex; align-items: center; justify-content: center; } .home .page .page-title-sm { font-size: 30px; color: #fff; } .home .page .page-title-sm span { border: 3px solid #fff; padding: 0px 10px 10px 20px; } @media (min-width: 768px) { .home .page .page-title, .home .page .page-title-sm { height: 130px; font-size: 65px; letter-spacing: 10px; padding-top: 10px; } .home .page .page-title-sm { font-size: 50px; } .home .page .page-title-sm span { border-width: 4px; } } @media (min-width: 1200px) { .home .page .page-title, .home .page .page-title-sm { height: 140px; font-size: 75px; letter-spacing: 10px; padding-top: 20px; } .home .page .page-title-sm { font-size: 60px; } .home .page .page-title-sm span { border-width: 5px; } }