@font-face {
  font-family: 'Montserrat';
  src: url('../../assets/fonts/google/montserrat/montserrat-v30-latin-900.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.pages-404-index-img {
  width: clamp(240px,80vw,455px);
}

.pages-404-index {
  position: relative;
  height: clamp(180px, 30vw, 240px);
}

.pages-404-index h1 {
  font-family:'Montserrat', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16rem;
  font-weight: 900;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -2.5rem;
  margin-left: -20px;
}

.pages-404-index h1>span {
  text-shadow: -8px 0px 0px #fff;
}

@media (max-width: 550px) {
  .pages-404-index h1 {
    font-size: 13rem;
    letter-spacing: -2rem;
  }
}

@media (max-width: 450px) {
  .pages-404-index h1 {
    font-size: 10rem;
    letter-spacing: -1.5rem;
  }
}

@media (max-width: 350px) {
  .pages-404-index h1 {
    font-size: 8rem;
    letter-spacing: -1rem;
  }
}

@media (max-width: 300px) {
  .pages-404-index h1 {
    font-size: 7rem;
  }
}