@media screen and (min-width: 768px) {
    .site-main{
        padding-left: 10%;}
    }
.vibg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 0;
  background-color: black;
  background-repeat: no-repeat;
}
.vibgstone {
  width: 5%;
  height: 100%;
  background-size: auto 100%;
  background-image: url(../img/result1/stone.png);
  background-position: right center;
  position: fixed;
  z-index: 4;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
.vibg2 {
  width: 100%;
  height: 100%;
  z-index: 3 !important;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
}
.vi-sand {
  width: 90vw;
  position: fixed;
  z-index: 4;
  left: 50%;
  top: -5%;
  margin-left: -45vw;
}
@media screen and (min-width: 768px) {
  .vi-sand {
    width: 70vw;
    left: 50%;
    top: -15%;
    margin-left: -35vw;
  }
  .vibgstone {
    width: 13%;
    background-position: left center;
    background-size: 100% auto;
  }
}

/* 
 *result2
 */
.wrappersteps.row {
  margin-top: -2rem;
}
.boxstep {
  padding: 2rem;
}
.boxstep__t {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  display: flex;
}
.boxstep__t span {
  flex: 0 0 auto;
  color: #000000;
  background-color: var(--color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.p-factory {
  width: 110%;
  left: -5%;
  bottom: 0%;
  /* position: fixed; */
  position: relative;
  z-index: 1 !important;
  margin-top: var(--sectionpd);
  margin-bottom:var(--sectionpd);
}
.box-facw{
    margin-bottom: -13.5%;
    position: absolute;
    z-index: 1;
}
.textfac{
    margin-top: -20%;
}
@media screen and (min-width: 768px) {
/*   .textnews {
    margin-left: 55%;
    margin-top: -14%;
  } */
/*   .text2-3 {
    text-align: left;
    margin-left: 40%;
    margin-top: -14%;
  } */
  .box-facw{
    margin-bottom: -15%;
}
.textfac{
    margin-top: -25%;
   /*  text-wrap: nowrap; */
}
}