@media (min-width: 768px) {.page-404.page-not-found .offline-title {
      margin-top: -120px;

      padding-top: 10px
  }
    }
  .page-404 {
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  padding-top: 0
}
  .page-404 .container {
    padding: 0;
    padding-bottom: 50px;
    max-width: 800px;
  }
  @media (min-width: 640px) {
  .page-404 .container {
      padding-top: 120px;

      padding-bottom: 120px
  }
    }
  .page-404 .bg-image {
    background-size: cover;
    padding-bottom: 320px;
  }
  @media (min-width: 768px) {
  .page-404 .bg-image {
      padding-bottom: 472px
  }
    }
  @media (min-width: 768px) {
  .page-404 .offline-title {
      font-size: 60px;

      line-height: 70px
  }
    }
  .page-404 .btns a {
      border-width: 2px;
      --border-opacity: 1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      width: 240px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      font-size: 14px;
      padding: 10px;
      display: block;
      font-weight: 700;
      transition-property: all;
      transition-duration: 300ms;
    }
  .page-404 .btns a.filled-btn {
        --bg-opacity: 1;
        background-color: #67C7D8;
        background-color: rgba(103, 199, 216, var(--bg-opacity));
        --border-opacity: 1;
        border-color: #67C7D8;
        border-color: rgba(103, 199, 216, var(--border-opacity));
      }
  .page-404 .btns a.filled-btn:hover {
          --bg-opacity: 1;
          background-color: #227584;
          background-color: rgba(34, 117, 132, var(--bg-opacity));
          --border-opacity: 1;
          border-color: #227584;
          border-color: rgba(34, 117, 132, var(--border-opacity));
          --text-opacity: 1;
          color: #fff;
          color: rgba(255, 255, 255, var(--text-opacity));
        }
  .page-404 .btns a:hover {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        --border-opacity: 1;
        border-color: #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity));
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
      }
  @media (min-width: 640px) {
  .page-404 .btns a {
        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 20px;

        padding-right: 20px
    }
      }
  @media (min-width: 768px) {
  .page-404 .btns a {
        width: auto
    }

        .page-404 .btns a:nth-child(1) {
          margin-left: 0;
        }

        .page-404 .btns a:nth-child(2) {
          margin-right: 20px;
        }

        .page-404 .btns a:nth-child(3) {
          margin-right: 50px;
          margin-left: 0;
        }
      }
  @media (min-width: 1024px) {
        .page-404 .btns a:nth-child(3) {
          margin-right: 0;
        }
      }