body{
  background: url('/assets/images/404/bg400.png') 0 0 no-repeat;
  background-size:100% 100px;
}
.blackBgWrap {
  background: url('/assets/images/404/banner400.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; 
  width: 100%;
  height: 246px;
}
.title {
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 3rem;
  color:#000000;
  text-align: center;
  padding: 52px 0 12px;
}
.text {
  font-size: 1.25rem;
  line-height: 1.4rem;
  color:#00000099;
  text-align: center;
  margin-bottom: 50px;
}
.iconOrangeBtn {
  width: 288px;
}
.iconOrangeBtn span {
  margin-left: 0;
}
  .pageMain {
    padding: 60px 0 110px;
  }
@media (min-width: 768px) {
  body{
    background: url('/assets/images/404/bg768.png') 0 0 no-repeat;
    background-size:100% 100px;
  }
  .blackBgWrap {
    background: url('/assets/images/404/banner768.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
  }
  .pageMain {
    padding: 117px 0 202px;
  }
}
@media (min-width: 1024px) {
  body{
    background: url('/assets/images/404/bg1024.png') 0 0 no-repeat;
    background-size:100% 100px;
  }
  .blackBgWrap {
    background: url('/assets/images/404/banner1920.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
  }
  .pageMain {
    padding: 194px 0 139px;
  }
}
@media (min-width: 1464px) {
  body{
    background: url('/assets/images/404/bg1920.png') 0 0 no-repeat;
    background-size:100% 100px;
  }
  .blackBgWrap {
    background: url('/assets/images/404/banner1920.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
  }
  .pageMain {
    padding: 120px 0 120px;
  }
}