@font-face {
  font-family: "Poppin";
  font-style: normal;
  src: url(/resources/font/Poppins/Poppins-Black.ttf);
}

@font-face {
  font-family: "Poppinbold";
  font-style: normal;
  src: url(/resources/font/Poppins/Poppins-Bold.ttf);
}
@font-face {
  font-family: "Poppinlight";
  font-style: normal;
  src: url(/resources/font/Poppins/Poppins-Light.ttf);
}

.content-404 {
  position: absolute;
  top: 25%;
  left: 40%;
  color: #232323;
  text-align: center;
  display: block;
}

.img-404 {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.img-404 > img {
  width: 100%;
  height: 960px;
}

.content-404 > span {
  font-size: 200px;
  font-family: "Poppinlight", Arial, Helvetica, sans-serif;
  margin: 0px 0px 10px;
}
.content-404 > p {
  font-size: 16px;
  font-family: "Poppinbold", Arial, Helvetica, sans-serif;
}

.content-404 .button-404 > button {
  font-size: 13px;
  font-family: "Poppinbold", Arial, Helvetica, sans-serif;
  margin: 0px 15px 15px;
  padding: 7px 15px;
  width: 270px;
  height: 36px;
  letter-spacing: 2px;
  background-color: #232323;
  color: white;
  border-radius: 0px;
  border: 1px solid #232323;
  display: inline-block;
}

@media (max-width: 1440px) {
  .content-404 {
    top: 22%;
    left: 30%;
  }
  .img-404 > img {
    width: 100%;
    height: 800px;
  }
}
@media (max-width: 1024px) {
  .content-404 {
    top: 22%;
    left: 20%;
  }
  .img-404 > img {
    width: 100%;
    height: 800px;
  }
}

@media (max-width: 768px) {
  .content-404 {
    top: 22%;
    left: 10%;
  }
  .img-404 > img {
    width: 100%;
    height: 800px;
  }
}

@media (max-width: 425px) {
  .content-404 {
    top: 22%;
    left: 11%;
    width: 80%;
  }
  .img-404 > img {
    width: 100%;
    height: 600px;
  }
  .content-404 > span {
    font-size: 100px;
  }
}

@media (max-width: 375px) {
  .content-404 {
    left: 6%;
  }

  .content-404 > span {
    font-size: 100px;
  }
}

@media (max-width: 320px) {
  .content-404 {
    left: 5%;
  }

  .content-404 .button-404 > button {
    width: 100%;
    display: block;
  }
}