body {
  background-color: #eee;
  font-family: Helvetica, Arial;
  padding: 16px;
}

.rules_page {
  max-width: 1000px;
  margin: auto;
  text-align: justify;
}

.margin_top_16 {
  margin-top: 16px;
}

.close_32 {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}
.close_32:hover {
  opacity: 1;
}
.close_32:before,
.close_32:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close_32:before {
  transform: rotate(45deg);
}
.close_32:after {
  transform: rotate(-45deg);
}

.small_text{
  font-size: 16px;
}

@media (max-width: 768px) {
  .small_text{
    font-size: 18px;
  }
}