We_Relese/Platform/Relese/Content/Css/Home.css

.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; } }