.content-wrapper { padding: 0 !important; } .home { height: calc(100vh - 48px *2); overflow: hidden; display: flex; justify-content: center; align-items: center; .page { position: relative; background: hsla(0,0%,100%,.3); overflow: hidden; z-index: 0; &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*filter: blur(5px);*/ margin: -30px; z-index: -1; } margin: -120px auto 0; overflow: hidden; min-width: 70%; border-radius: 15px; .page-title, .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; } .page-title-sm { font-size: 30px; color: #fff; span { border: 3px solid #fff; padding: 0px 10px 10px 20px; } } @media(min-width: 768px) { .page-title, .page-title-sm { height: 130px; font-size: 65px; letter-spacing: 10px; padding-top: 10px; } .page-title-sm { font-size: 50px; span { border-width: 4px; } } } @media(min-width: 1200px) { .page-title, .page-title-sm { height: 140px; font-size: 75px; letter-spacing: 10px; padding-top: 20px; } .page-title-sm { font-size: 60px; span { border-width: 5px; } } } } }