body {
  background-color: #555555 !important;
  color: #FFF !important;
  font-size: 10px;
}

.i_section_1 {
  margin-top: 120px;
}
.i_section_1 h3 {
  font-size: 1.85rem;
  text-align: left;
}
.i_section_1 p {
  font-size: 1rem;
  padding-top: 20px;
}

.i_section_2 {
  margin-top: 30px;
}
.i_section_2 .n_docum p {
  font-size: 1.2rem;
  text-align: justify;
  text-justify: inter-ideograph;
  overflow: hidden;
  padding: 20px 0px;
}
.i_section_2 .n_docum p::after {
  content: " ";
  width: 100%;
}
.i_section_2 .n_docum img {
  width: 100%;
}
.i_section_2 .n_docum .sudokuImgs .baguetteBoxOne {
  width: 100%;
}
.i_section_2 .n_docum .sudokuImgs .baguetteBoxOne .imgItem {
  display: flex;
  justify-content: space-between;
}
.i_section_2 .n_docum .sudokuImgs .baguetteBoxOne a {
  width: 32%;
  height: 32%;
  margin: 6px 0px;
}

@media screen and (max-width: 1024px) {
  .i_section_1 h3 {
    font-size: 1.5rem;
  }
  .i_section_1 p {
    font-size: 0.9rem;
  }

  .i_section_2 .n_docum p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .i_section_2 .n_docum p {
    font-size: 1rem;
  }

  .sudokuImgs .baguetteBoxOne {
    width: 90%;
  }
  .sudokuImgs .baguetteBoxOne a {
    width: 32% !important;
    height: 32% !important;
    margin: 2px 0px;
  }
}