#page-404 {
  background-image: linear-gradient(105deg, #1e368d 7%, #1943dc 80%);
  position: relative;


  main {
    position: relative;
    z-index: 2;

    h1 {
      position: relative;
      z-index: 3;
      font-weight: 400;
      font-size: 3.125rem;

      span {
        margin: 0;
        font-weight: 300;
        font-size: 6.125rem;
      }
    }

    .btn {
      position: relative;
      z-index: 3;
      span {
        font-weight: 700;
      }
    }
    .btn:hover {
      opacity: 0.8;
    }
  }
}

@media (min-width: 1200px) {
  #page-404 {
    main {
      h1 {
        font-size: 6.25rem;
        span {
          line-height: 7.8125rem;
          font-size: 9.375rem;
        }
      }
    }
  }
}


@media (min-width: 1400px) {
  #page-404 {
    main {
      h1 {
        span {
          line-height: 14.8125rem;
          font-size: 18.375rem;
        }
      }
    }
  }
}