#divCanvas {
  color: white !important;
  text-wrap: nowrap;
}

.divCanvas h3 {
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#divCanvas {
  position: relative;
  width: 1920;
  height: 900px;

  margin: 0 auto;

}

#htmlCanvas {
  position: absolute;
}

.mainNode {
  position: absolute;
  display: inline-block;


}

#controlNode {
  position: absolute;

  display: inline-block;
}


.mainNode h3 {
  font-size: 1.75rem;
}


.divCanvash1 {
  font-size: 2.25rem !important;
}


.icon-text {
  height: 4rem;
  /* Matches text height */
  width: auto;
  /* Keep aspect ratio */
  vertical-align: -1rem;
  /* Aligns properly with text baseline */
}

#htmlCanvas {
  width: 1334px;
  height: 900px;
}

@media (max-width: 1562px) {


  .icon-text {
    height: 3rem;
    /* Matches text height */
    width: auto;
    /* Keep aspect ratio */
    vertical-align: -0.5rem;
    /* Aligns properly with text baseline */
  }

  .divCanvash1 {
    font-size: 1.75rem !important;
  }

  .mainNode h3 {
    font-size: 1.25rem;
  }
}


@media (max-width: 1333px) {


  .icon-text {
    height: 3rem;
    /* Matches text height */
    width: auto;
    /* Keep aspect ratio */
    vertical-align: -0.5rem;
    /* Aligns properly with text baseline */
  }

  .divCanvash1 {
    font-size: 1.75rem !important;
  }

  .mainNode h3 {
    font-size: 1.25rem;
  }
}

@media (max-width: 1000px) {

  .icon-text {
    height: 2rem;
    /* Matches text height */
    width: auto;
    /* Keep aspect ratio */
    vertical-align: -0.25rem;
    /* Aligns properly with text baseline */
  }


  .divCanvash1 {
    font-size: 1.25rem !important;
  }


  .mainNode h3 {
    font-size: 1rem;
  }
}


@media (max-width: 790px){
  #divCanvas{
      display: none;
  }

}