#s2,
#s3,
#s4 {
  top: 58%;
}

#s2 {
  left: 8%;
}

#s3 {
  left: 42%;
}

#s4 {
  left: 85.5%;
}

#N2line,
#NH2line {
  width: 80px;
  left: 29%;
}

#N4 {
  left: 38%;
}

#NH4 {
  top: -20%;
}

#NH4line {
  height: 100px;
  top: -13%;
  left: 48%;
  transform: rotate(320deg);
}

#N5,
#NH5 {
  left: 79%;
  text-align: left;
}

#N6,
#NH6 {
  /* top: 43%; */
  left: 79%;
  text-align: left;
}

@media screen and (max-width: 800px) {
  #N2,
  #NH2 {
    top: 40%;
  }

  #N6,
  #NH6 {
    top: 40%;
  }

  #N2line,
  #NH2line {
    width: 45px;
  }

  #NH4line {
    height: 50px;
    top: -10%;
  }

  @media screen and (max-width: 735px) {
    #s2 {
      left: 7%;
    }

    #s3 {
      left: 40%;
    }

    #s4 {
      left: 84%;
    }

    #s2,
    #s3,
    #s4 {
      top: 54%;
    }
  }
}